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 @@
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;