diff --git a/Frontend/Html/ShowCase.html b/Frontend/Html/ShowCase.html index 3c13087..2eecd5a 100644 --- a/Frontend/Html/ShowCase.html +++ b/Frontend/Html/ShowCase.html @@ -28,7 +28,9 @@
- Beskrivelse + Beskrivelse
+ Yoooooooo my name is gert, + I love flowers.... HA what?
@@ -38,19 +40,18 @@
-
-

Hej dkjhhnsd hid hgndnf ghnd df

-
- +
+ +

Måske vil du prøve...

diff --git a/Frontend/Javascript/Kalender.js b/Frontend/Javascript/Kalender.js index 882bc41..a207f3f 100755 --- a/Frontend/Javascript/Kalender.js +++ b/Frontend/Javascript/Kalender.js @@ -42,7 +42,7 @@ const renderCalendar = () => { "December", ]; - document.querySelector(".date h1").innerHTML = months[date.getMonth()]; + document.querySelector(".date h1").innerHTML = months[date.getMonth()] + " " + date.getFullYear(); document.querySelector(".date p").innerHTML = new Date().toLocaleDateString('da-DK', { weekday: 'long', @@ -58,10 +58,7 @@ const renderCalendar = () => { } for (let i = 1; i <= lastDay; i++) { - if ( - i === new Date().getDate() && - date.getMonth() === new Date().getMonth() - ) { + if (i === new Date().getDate() && date.getMonth() === new Date().getMonth() && date.getFullYear() === new Date().getFullYear()) { days += `
${i}
`; diff --git a/Frontend/Styles/ShowCase.css b/Frontend/Styles/ShowCase.css index 8b3db9c..a9215bd 100644 --- a/Frontend/Styles/ShowCase.css +++ b/Frontend/Styles/ShowCase.css @@ -16,35 +16,51 @@ html { margin-bottom: 10px; } -#suggestions { - justify-content: center; - background-color: blue; - margin-top: 20px; -} #isWebBased { - border-radius: 15px; + border: 0; + background: none; + display: block; + margin: 20px auto; + text-align: center; + border: 2px solid rgb(52, 152, 219); + padding: 10px 10px; + outline: none; color: rgba(255, 255, 255, .55); - background-color: rgb(18, 18, 18); - border: double; - height: 30px; - font-weight: bold; - margin: 8px; + border-radius: 24px; + transition: 0.25s; + position: static; + bottom: 45vh; + display: inline; + left: 27vw; } #gameFil { - border-radius: 15px; + border: 0; + background: none; + display: block; + margin: 20px auto; + text-align: center; + border: 2px solid rgb(52, 152, 219); + padding: 10px 10px; + outline: none; color: rgba(255, 255, 255, .55); - background-color: rgb(18, 18, 18); - border: double; - height: 30px; - font-weight: bold; - margin: 8px; + border-radius: 24px; + transition: 0.25s; + position: static; + bottom: 45vh; + display: inline; } #thumbnailFile { - max-width: 100%; - max-height: 100%; + max-width: 100%; + max-height: 100%; + +} + +#thumbnailFile img{ + width: 100%; + height:100%; } #description { @@ -60,114 +76,12 @@ html { margin: 20px !important; } -.jcarousel-wrapper { - margin: 20px auto; - position: relative; - /*border: 10px solid #fff;*/ - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 0 2px #999; - -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; -} - -/** Carousel **/ - -.jcarousel { - position: relative; - overflow: hidden; - width: 100%; -} - -.jcarousel ul { - width: 10000em; - position: relative; - list-style: none; - margin: 0; - padding: 0; -} - -.jcarousel li { - width: 100%; - float: left; - border: 1px solid #fff; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.jcarousel img { +.GradientDivider { + margin: 16px 0 16px 0; display: block; - max-width: 100%; - height: auto !important; -} - -/** Carousel Controls **/ - -.jcarousel-control-prev, -.jcarousel-control-next { - position: absolute; - top: 50%; - margin-top: -15px; - width: 30px; - height: 30px; - text-align: center; - background: #4E443C; - color: #fff; - text-decoration: none; - text-shadow: 0 0 1px #000; - font: 24px/27px Arial, sans-serif; - -webkit-border-radius: 30px; - -moz-border-radius: 30px; - border-radius: 30px; - -webkit-box-shadow: 0 0 4px #F0EFE7; - -moz-box-shadow: 0 0 4px #F0EFE7; - box-shadow: 0 0 4px #F0EFE7; -} - -.jcarousel-control-prev { - left: 15px; -} - -.jcarousel-control-next { - right: 15px; -} - -/** Carousel Pagination **/ - -.jcarousel-pagination { - position: absolute; - bottom: -40px; - left: 50%; - -webkit-transform: translate(-50%, 0); - -ms-transform: translate(-50%, 0); - transform: translate(-50%, 0); - margin: 0; -} - -.jcarousel-pagination a { - text-decoration: none; - display: inline-block; - font-size: 11px; - height: 10px; - width: 10px; - line-height: 10px; - background: #fff; - color: #4E443C; - border-radius: 10px; - text-indent: -9999px; - margin-right: 7px; - -webkit-box-shadow: 0 0 2px #4E443C; - -moz-box-shadow: 0 0 2px #4E443C; - box-shadow: 0 0 2px #4E443C; -} - -.jcarousel-pagination a.active { - background: #4E443C; - color: #fff; + border: none; + height: 3px !important; + background: rgb(0, 113, 185) !important; + background: linear-gradient(to right, rgb(18, 18, 18), rgb(0, 113, 185), rgb(38, 171, 255), rgb(0, 113, 185), rgb(18, 18, 18)) !important; opacity: 1; - -webkit-box-shadow: 0 0 2px #F0EFE7; - -moz-box-shadow: 0 0 2px #F0EFE7; - box-shadow: 0 0 2px #F0EFE7; } \ No newline at end of file diff --git a/Frontend/Styles/jcarousel.responsive.css b/Frontend/Styles/jcarousel.responsive.css index 2b44cae..8d267dd 100644 --- a/Frontend/Styles/jcarousel.responsive.css +++ b/Frontend/Styles/jcarousel.responsive.css @@ -7,7 +7,7 @@ border-radius: 5px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; - box-shadow: 0 0 2px #999; + box-shadow: none !important; } /** Carousel **/ @@ -29,7 +29,7 @@ .jcarousel li { width: 200px; float: left; - border: 1px solid #fff; + /* border: 1px solid #fff;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;