From 3e91dd77b55833be871da9c4e7c2ef75a2e5efc9 Mon Sep 17 00:00:00 2001 From: Ida Tiegel Date: Wed, 5 May 2021 08:25:01 +0200 Subject: [PATCH] Update --- Frontend/.vs/Frontend/v16/.suo | Bin 34304 -> 37376 bytes Frontend/.vs/VSWorkspaceState.json | 2 + Frontend/Html/test.html | 47 + Frontend/Index.html | 1973 ++++++++++++---------------- Frontend/Javascript/Games.js | 25 + Frontend/Javascript/Stem.js | 27 + Frontend/Styles/Index.css | 780 +++++------ 7 files changed, 1328 insertions(+), 1526 deletions(-) create mode 100644 Frontend/Html/test.html create mode 100644 Frontend/Javascript/Games.js diff --git a/Frontend/.vs/Frontend/v16/.suo b/Frontend/.vs/Frontend/v16/.suo index a0913075237c5cf153dd6972c3f0d30d857b1645..086b68c51e78ab45003694302144cf2494be3564 100644 GIT binary patch literal 37376 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 DNm+&| literal 34304 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 diff --git a/Frontend/.vs/VSWorkspaceState.json b/Frontend/.vs/VSWorkspaceState.json index 551ca58..1f88e30 100644 --- a/Frontend/.vs/VSWorkspaceState.json +++ b/Frontend/.vs/VSWorkspaceState.json @@ -1,9 +1,11 @@ { "ExpandedNodes": [ + "", "\\Html", "\\Images", "\\Javascript", "\\Styles" ], + "SelectedNode": "\\Styles\\AdminPage.css", "PreviewInSolutionExplorer": false } \ No newline at end of file diff --git a/Frontend/Html/test.html b/Frontend/Html/test.html new file mode 100644 index 0000000..e9413be --- /dev/null +++ b/Frontend/Html/test.html @@ -0,0 +1,47 @@ + + + + + + + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+
+ + + \ No newline at end of file diff --git a/Frontend/Index.html b/Frontend/Index.html index a426d06..fc587da 100755 --- a/Frontend/Index.html +++ b/Frontend/Index.html @@ -54,1016 +54,772 @@ - - - - -
- - - - - - -
-
- -
-

Velkommen til Game Jam!

-

- Denne hjemmeside er lavet til alle som elsker at udvikle spil og - konkurerre. -

-

- Game jam handler om at udvikle et spil i grupper på begrænset tid. - Denne tidsbegrænsning er beregnet til at simulere presset fra en - deadline og til at fremme kreativitet blandt ideer produceret af - Game Jam teams. Selve Game Jammet handler om at udfodre sig selv og - andre. Det giver god øvelse i forhold til sine egne evner indenfor - programmering og design. Det viser selvfølelig også hvor godt man - arbejder i grupper og hvor meget man kan nå på den tid man har fået - til at lave sit spil i. Vi elsker at se hvordan de forskellige - udviklere vælger sin fremgangs måde, og hvad som er vigtigst for de - forskellige grupper at få med. Dette giver både nye ideer til alle - samt en anden måde at tænke på. Vi ved jo alle sammen godt, at ingen - tænker på den samme måde, og det er også det som er spændene. Man - ved aldrig hvad temaet er inden man går i gang. Man kan have en ide - om hvad for et spil man vil lave, men når man får temaet afvide, kan - det være at man får en ny synsvinkel på hvordan man vil løse - opgaven. læs mere under - Regler. -

-
Hvad er Game jam?
-

- Game Jam er et sted hvor du og dine venner kan samles og konkurrer - om at lave det bedste spil på begrænset tid. Her har i chancen for - at gøre hvad i er bedst til, nemlig at udvikle jeres eget spil.Det - er spændende, hyggeligt og selvfølelig rigtigt sjovt. Under - Lodtrækning - bliver der trækket lod om et tema spillet skal handle om. -

- -
Hvorfor skal du deltage?
- -
- -
-

1. Tids planlægning

-

- Når du deltager i flere af Game Jams forbedrer du din evne til - tidsplanlægning. Du begynder bedre at estimere den tid, det vil - tage for en bestemt opgave. Denne færdighed er også meget - vigtigt at forstå, om visse funktioner er det værd, og hvis du - endda skal implementere dem eller ej. -

-

2. Hastighed

-

- Deltagelse i Game Jammet vil forbedre din hastighed. For - eksempel, som programmør, vil du se nogle genvej til at gøre det - mindre smukt i koden, men funktionelt det samme, som er vigtigt - for et Game jam. Som et hold vil du lære at beslutte, hvilken - mulighed du skal vælge, hvilket spil du skal gøre meget - hurtigere. Når du laver prototyper, vil du også støde på en - masse værktøjer og tricks, som du kan bruge på senere prototyper - eller spil, fordi du allerede prøvet dem og nu ved, hvad de er - bedst egnet til. -

- -

3. Forbedre prototypeevner

-

- Game Jams omfavner virkelig tanken om, at du skal gøre spillet - spilbart først. Uden kunst, lyde osv. I mange tilfælde efter - dette får du ideen, hvis mekanikerne giver mening, eller hvis - det har potentiale. Du vil bemærke nogle ting, som du ikke - tænkte så meget på, men som er meget vigtige for at få spillet - spilbart, som du vil blive nødt til at løse som det næste. Når - spillet er spilbart, vil du fortsætte med at arbejde med ting, - som du ikke ville udgive dit spil uden. -

-

4. Eksperimenter som du lyster

-

- Du kommer automatisk til at være mere villig til at prøve - tingene ud og se, om de vil fungere eller ej. Men det afhænger - naturligvis af, hvor lang tid det kommer til at tage at - implementere visse funktioner og prøve dem af. Så en god - tidsplans vil helt sikkert hjælpe. Du ved aldrig om en af de - funktioner vil redde projektet og sikre dig førstepladsen. -

-

- 5. Forbedre dine overordnede spiludviklingsevner -

-

- Jo flere game jams du deltager i, jo flere ting til du opdage. - Du lærer hvad som gør et spil bedre og hvilke funktioner som kan - redde dig i sidste ende. Du kan prøve en masse forskellige - genre, som du måske ikke ville have overvejet at prøve af før. - Det vil også vise dig, hvilke genre som er lettere eller sværere - at udvikle. -

-

- 6. Mød nye mennesker og skab et netværk -

-

- Game jams er fantastisk til at møde nye mennesker som du deler - interesse med, samt styrke dine nuværende relationer hvis du - deltager i et game jam med dem som et team. Når du skaber nye - relationer der deler den samme interesse som dig, er det nemt at - få inputs fra hinanden. Det kan muligvis være at du havde et - problem som du aldrig helt fandt ud af, hvor din nye relation - kan forklare hvordan han/hun ville have gjort, eller omvendt. -

-

7. Hav det sjovt!

-

- Game Jams er super sjovt! Man udfordre sig selv, får nye ideer - og man får lov til at se hvordan andre tænker ved at løse den - samme opgave. Er du et konkurrance menneske gør det kun det hele - meget bedre. En undersøgelse af - McFunkyPants - viser at over 95% af deltagere har haft det sjovt under - deltagelse og vil gerne deltage i endnu en. -

-
-
-
- - -
- - -
-

Information

-

- Game Jam er en konkurrence, hvor deltagerne skal lave et videospil - fra bunden på bestemt tid. Konkurrencens varighed varierer efter - hvad der er efterspørsel om og hvilket tema spillet skal handle om. - Nogle Game Jams kan tage 4 timer, hvor andre kan tage 1 uge. -

-

- Deltagerne er generelt programmører, spildesignere, kunstnere, - forfattere og andre inden for spiludviklingsrelaterede områder, dog - er alle er velkommende til at deltage. -

-
Game Jammet kommer til at foregå sådan:
-

- Inden konkurrancen begynder, finder man ud af hvor mange grupper som - skal være med til det bestemte Game Jam. Derefter bliver der trukket - lod om tema i lodtrækningen. Når der er blevet - trukket et tema som spillende skal handle om, kommer der en bestemt - tidsperiode som man skal arbejde med spillet i. Når tiden er gået, - bliver hver gruppes spil uploadet så det kan - afprøves af tilskuere og de andre grupper. Derefter stemmer man som - gruppe på det spil man synes bedst om, og man synes har fortjent at - vinde. -

- -
Hvad bliver der lagt vægt på når man finder vinderen?
-

- Når alle deltagerne har udviklet på livet løs, og tiden er løbet ud, - bliver alle spillende uploadet og afprøvet af andre deltagere samt - tilskuere. Når man skal finde en vinder, skal man kigge på - forskellige ting som: -

-
    -
  • Udnyttelse af tiden
    • -
  • Hvor godt virker spillet?
    • -
  • Hvor godt er designet?
    • -
  • Hvordan passer spillet til temaet?
    • -
  • Animationer
    • -
-
- - -
- - -
-

Events

-

-
-
-
- -
-

-

-
- -
-
-
Man
-
Tir
-
Ons
-
Tor
-
Fre
-
Lør
-
Søn
-
-
-
-
- -
- - -
- - -
-

Spil

-

Se de nyesste spil

- -
+ + +
+ + +
+

Information

+

+ Game Jam er en konkurrence, hvor deltagerne skal lave et videospil + fra bunden på bestemt tid. Konkurrencens varighed varierer efter + hvad der er efterspørsel om og hvilket tema spillet skal handle om. + Nogle Game Jams kan tage 4 timer, hvor andre kan tage 1 uge. +

+

+ Deltagerne er generelt programmører, spildesignere, kunstnere, + forfattere og andre inden for spiludviklingsrelaterede områder, dog + er alle er velkommende til at deltage. +

+
Game Jammet kommer til at foregå sådan:
+

+ Inden konkurrancen begynder, finder man ud af hvor mange grupper som + skal være med til det bestemte Game Jam. Derefter bliver der trukket + lod om tema i lodtrækningen. Når der er blevet + trukket et tema som spillende skal handle om, kommer der en bestemt + tidsperiode som man skal arbejde med spillet i. Når tiden er gået, + bliver hver gruppes spil uploadet så det kan + afprøves af tilskuere og de andre grupper. Derefter stemmer man som + gruppe på det spil man synes bedst om, og man synes har fortjent at + vinde. +

+ +
Hvad bliver der lagt vægt på når man finder vinderen?
+

+ Når alle deltagerne har udviklet på livet løs, og tiden er løbet ud, + bliver alle spillende uploadet og afprøvet af andre deltagere samt + tilskuere. Når man skal finde en vinder, skal man kigge på + forskellige ting som: +

+
    +
  • Udnyttelse af tiden
    • +
  • Hvor godt virker spillet?
    • +
  • Hvor godt er designet?
    • +
  • Hvordan passer spillet til temaet?
    • +
  • Animationer
    • +
+
+ + +
+ + +
+

Events

+

+
+
+
+ +
+

+

+
+ +
+
+
Man
+
Tir
+
Ons
+
Tor
+
Fre
+
Lør
+
Søn
+
+
+
+
+ + + +
+ + +
+ + +
+

Spil

+

Se de nyesste spil

+ + + + +

Kategorier af spil

+
+ +
+ +
+ + +
@@ -1168,194 +924,93 @@
-
+
- -
-

Stem

-
-
- -
- -
- -
- -
- -
- -
- -
- -
- -
-
-
-
- -
- -
- -
- -
- -
- -
- -
- -
- -
-
-
-
- -
- -
- -
- -
- -
- -
- -
- -
- -
-
-
+ +
+

Stem

+ + + +
+ + +
+ + +
+

Lodtrækning

+ +
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+ +
+
+
+ +
+
+
+ +
    +
  1. Subject name
    2. +
  2. Subject name
    3. +
  3. Subject name
    4. +
  4. Subject name
    5. +
  5. Subject name
    6. +
  6. Subject name
    7. +
+
+ + +
+ + + +
- -
- - -
- - -
-

Lodtrækning

- -
-
-
-
1
-
2
-
3
-
4
-
5
-
6
-
- -
-
-
- -
-
-
- -
    -
  1. Subject name
    2. -
  2. Subject name
    3. -
  3. Subject name
    4. -
  4. Subject name
    5. -
  5. Subject name
    6. -
  6. Subject name
    7. -
-
- - -
- - - -
-
- - -
-

Footer Text

-
- - - - - - - - - - + + +
+

Footer Text

+
+ + + + + + + + + + + + diff --git a/Frontend/Javascript/Games.js b/Frontend/Javascript/Games.js new file mode 100644 index 0000000..c978b5e --- /dev/null +++ b/Frontend/Javascript/Games.js @@ -0,0 +1,25 @@ +// JavaScript source code + +var numberOfGameJam = 6 +var oldGameJam = document.getElementById("oldGameJam"); +var html = '
' +var numberOfGame = 5 +//game jams +for (let i = 1; i <= numberOfGameJam; i++) { + html += '
' + + '' + + '
' + //spil + for (let j = 0; j < numberOfGame; j++) { + html += ''; + } + html += '
' + html += '
' + if ((i % 3 == 0) && (i != numberOfGameJam)) { + html += '
' + } + +} +html += '
' +oldGameJam.innerHTML += html; + diff --git a/Frontend/Javascript/Stem.js b/Frontend/Javascript/Stem.js index 0dcc9f4..d329874 100644 --- a/Frontend/Javascript/Stem.js +++ b/Frontend/Javascript/Stem.js @@ -1 +1,28 @@ // JavaScript source code + + +var numberOfGameJam = 6 +var gameJamVote = document.getElementById("gameJamVote"); +var html = '
' +//game jams +for (let i = 1; i <= numberOfGameJam; i++) { + html += '
'+ + '' + + '
' + //spil + for (let j = 0; j < 5; j++) { + html += '' + + '
' + + '' + + '
' + } + html += '
' + html += '
' + if ((i % 3 == 0) && (i != numberOfGameJam)) { + html += '
' + } + +} +html += '
' +gameJamVote.innerHTML += html; + diff --git a/Frontend/Styles/Index.css b/Frontend/Styles/Index.css index d6ecbd2..60f7206 100755 --- a/Frontend/Styles/Index.css +++ b/Frontend/Styles/Index.css @@ -1,22 +1,24 @@ body, html { - color: rgba(255, 255, 255, 0.55); - font-family: Arial, Helvetica, sans-serif; - margin: 0; - padding: 0; - height: 100%; - scroll-behavior: smooth; - /*FireFox*/ - scrollbar-width: none; - /*IE10+*/ - -ms-overflow-style: -ms-autohiding-scrollbar; + /*rgba(255, 255, 255, 0.55);*/ + color: #F2E6D8; + font-family: Arial, Helvetica, sans-serif; + margin: 0; + padding: 0; + height: 100%; + scroll-behavior: smooth; + /*FireFox*/ + scrollbar-width: none; + /*IE10+*/ + -ms-overflow-style: -ms-autohiding-scrollbar; } body { - background-color: rgb(18, 18, 18); - overflow: hidden; - transition: padding-top 0.3s ease-in-out; - padding-top: 53px; + /* background-color: rgb(18, 18, 18);*/ + background-color: #121B26; + overflow: hidden; + transition: padding-top 0.3s ease-in-out; + padding-top: 53px; } section { @@ -24,12 +26,14 @@ section { } a { - color: rgba(255, 255, 255, 0.75); + /*rgba(255, 255, 255, 0.75);*/ + color: #F2E6D8; } -a:hover { - color: rgba(255, 255, 255, 0.75); -} + a:hover { + /*rgba(255, 255, 255, 0.75);*/ + color: #BF7D65; + } #content { overflow: hidden; @@ -81,7 +85,7 @@ a:hover { } .mb-container .mb-track .mb-bar { - background-color: rgba(51, 51, 51, 0.75); + background-color: #121B26; /* rgba(51, 51, 51, 0.75);*/ } .mb-container .mb-track { @@ -102,75 +106,86 @@ a:hover { width: 100%; z-index: 1030; } +/*Nav-bar start*/ .navbar-toggler:focus { box-shadow: none; } .navbar-collapse { - background-color: rgb(33, 37, 41); - text-align: center; + background-color: #59142D; /*rgb(33, 37, 41);*/ + text-align: center; } .navbar-toggler:focus-visible { outline: none; } +.navbar-dark .navbar-nav .nav-link { + color: #F2E6D8 !important; +} + +.navbar-dark .navbar-nav .nav-link:hover { + color: #BF7D65 !important; +} + .row.content { - height: 450px; + height: 450px; } .CenterDiv { margin: 1vw 10vw 0; } +.dropdown-menu { + /*rgba(34, 39, 43)*/ + background-color: #59142D !important; +} + + .dropdown-menu .dropdown-item { + /*rgba(255, 255, 255, 0.5)*/ + color: #F2E6D8 !important; + } + + .dropdown-menu .dropdown-item:hover { + /*rgba(255, 255, 255, 0.75)*/ + color: #BF7D65 !important; + background-color: transparent !important; + } + .LoginButton { - color: rgba(255, 255, 255, 0.55); + /*rgba(255, 255, 255, 0.55);*/ + color: #F2E6D8; } -.LoginButton:hover { - color: rgba(255, 255, 255, 0.75); -} + .LoginButton:hover { + /*rgba(255, 255, 255, 0.75);*/ + color: #BF7D65; + } + /*Nav-bar slut*/ -.dropdown-menu { - background-color: rgba(34, 39, 43) !important; -} - -.dropdown-menu .dropdown-item { - color: rgba(255, 255, 255, 0.5) !important; -} - -.dropdown-menu .dropdown-item:hover { - color: rgba(255, 255, 255, 0.75) !important; - background-color: transparent !important; -} - -.LoginModal .modal-header { - padding: 0; - border-bottom: 0; - background-color: rgb(18, 18, 18); - color: rgba(255, 255, 255, 0.75); -} +/*Regler start*/ #RulesModal .modal-header { text-align: center; display: unset; padding: 0.5rem; } -#RulesModal .modal-header h1 { - font-weight: bolder; - color: rgba(255, 255, 255, 0.75); -} + #RulesModal .modal-header h1 { + font-weight: bolder; + /*rgba(255, 255, 255, 0.75);*/ + color: #F2E6D8; + } #RulesModal .modal-dialog-scrollable .modal-content { max-height: 75%; } #ModalRulesTabContent ul { - color: rgb(204, 204, 204); - list-style-type: none; - padding-left: 0; + color: #59142D; /*rgb(204, 204, 204)*/ + list-style-type: none; + padding-left: 0; } #ModalRulesTabContent ul li { @@ -179,42 +194,52 @@ a:hover { } #ModalRulesTabContent li p { - font: 16px/1.5 Helvetica, sans-serif; - padding-left: 60px; - color: rgba(255, 255, 255, 0.55); + font: 16px/1.5 Helvetica, sans-serif; + padding-left: 60px; + color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/ } #ModalRulesTabContent span { - position: absolute; - color: rgba(255, 255, 255, 0.75); + position: absolute; + color: #59142D; /*rgba(255, 255, 255, 0.75);*/ } +.btn-danger { + color: #F2E6D8; + background-color: #59142D; + border-color: #59142D; +} +.RulesModal .modal-header { + text-align: center; +} +/*Regler slut*/ +/*Registering start*/ #pass_info { - position: absolute; - top: 300px; - bottom: -90px; - right: 22%; - width: 250px; - padding: 15px; - background: rgb(254, 254, 254); - font-size: 0.875em; - border-radius: 5px; - box-shadow: 0 1px 3px rgb(204, 204, 204); - border: 1px solid rgb(221, 221, 221); - display: none; + position: absolute; + top: 300px; + bottom: -90px; + right: 22%; + width: 250px; + padding: 15px; + background: #F2E6D8; + font-size: 0.875em; + border-radius: 5px; + box-shadow: 0 1px 3px rgb(204, 204, 204); + border: 1px solid rgb(221, 221, 221); + display: none; } -#pass_info::before { - content: "\25B2"; - position: absolute; - top: -12px; - left: 45%; - font-size: 14px; - line-height: 14px; - color: #ddd; - text-shadow: none; - display: block; -} + #pass_info::before { + content: "\25B2"; + position: absolute; + top: -12px; + left: 45%; + font-size: 14px; + line-height: 14px; + color: rgba(42, 84, 140, 1); + text-shadow: none; + display: block; + } #pass_info ul, li { @@ -223,20 +248,21 @@ li { list-style-type: none; } -#pass_info h5 { - margin: 0 0 10px 0; - padding: 0; - font-weight: normal; -} + #pass_info h5 { + margin: 0 0 10px 0; + padding: 0; + font-weight: normal; + color: #201f1f !important; + } .invalid { - padding-left: 22px; - line-height: 24px; - color: rgb(236, 63, 65); + padding-left: 22px; + line-height: 24px; + color: #d00f17; } .invalidInput { - border-color: rgb(219, 52, 52) !important; + border-color: #2A558C !important; } .invalid::before { @@ -258,22 +284,28 @@ li { font-family: "FontAwesome"; content: "\f00c"; } +/*Registering slut*/ -.RulesModal .modal-header { - text-align: center; +/*Login start*/ + +.LoginModal .modal-header { + padding: 0; + border-bottom: 0; + /*background-color: rgb(18, 18, 18);*/ + background-color: #121B26; + /*rgba(255, 255, 255, 0.75);*/ + color: #F2E6D8; } .modal-body { - padding: 0 0; - margin: 2vh 2vw; - background-color: rgb(18, 18, 18); + padding: 0 0; + margin: 2vh 2vw; + background-color: #121B26; /*rgb(18, 18, 18);*/ } .modal-content { - background-color: rgb(18, 18, 18); - box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, - rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, - rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; + background-color: #121B26; /*rgb(18, 18, 18);*/ + box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; } .modal-backdrop { @@ -281,25 +313,27 @@ li { } .nav-tabs { - border-bottom: 1px solid rgb(80, 80, 80); + border-bottom: 1px solid rgba(89, 19, 45, 1); /*rgb(80, 80, 80);*/ } -.nav-tabs .nav-item.show .nav-link, -.nav-tabs .nav-link.active { - color: rgba(255, 255, 255, 0.75); - background-color: rgb(37, 37, 37); - border-color: rgb(80, 80, 80); -} + .nav-tabs .nav-item.show .nav-link, + .nav-tabs .nav-link.active { + color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/ + background-color: #59142D; /* rgb(37, 37, 37);*/ + border-color: #59142D; /*rgb(80, 80, 80);*/ -.nav-tabs .nav-link { - color: rgba(255, 255, 255, 0.55); -} + } -.nav-tabs .nav-link:focus, -.nav-tabs .nav-link:hover { - border-color: rgb(80, 80, 80); - color: rgba(255, 255, 255, 0.75); -} + .nav-tabs .nav-link { + color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/ + } + + .nav-tabs .nav-link:focus, + .nav-tabs .nav-link:hover { + border-color: #59142D; /*{rgb(80, 80, 80);*/ + color: #BF7D65; + /*rgba(255, 255, 255, 0.75);*/ + } .FullWidthModalTabs { display: table; @@ -318,16 +352,18 @@ li { } .CloseIcon { - width: 16px; - height: 16px; - background-color: transparent; - color: rgba(255, 255, 255, 0.55); -} - -.CloseIcon:hover { - color: rgba(255, 255, 255, 0.75); + width: 16px; + height: 16px; + background-color: transparent; + color: #F2E6D8; + /*rgba(255, 255, 255, 0.55);*/ } + .CloseIcon:hover { + color: #BF7D65; + /*rgba(255, 255, 255, 0.75);*/ + } + /*Kalender knap*/ .btn-close:hover { fill: rgb(255, 0, 0); } @@ -354,12 +390,12 @@ li { left: 50%; transform: translate(-50%, -50%); } - +/* .box #NUDMinus { - color: rgba(255, 255, 255, 0.55); - background-color: transparent; - border: none; - float: left; + color: #F2E6D8; /*rgba(255, 255, 255, 0.55); + background-color: transparent; + border: none; + float: left; } .box #NUDMinus:focus { @@ -371,11 +407,11 @@ li { } .box #NUDDisplay { - color: rgba(255, 255, 255, 0.55); - background-color: transparent; - border: none; - cursor: text; - width: 65%; + color: #F2E6D8 !important; /*rgba(255, 255, 255, 0.55); + background-color: transparent; + border: none; + cursor: text; + width: 65%; } .box #NUDDisplay:focus { @@ -387,10 +423,10 @@ li { } .box #NUDPlus { - color: rgba(255, 255, 255, 0.55); - background-color: transparent; - border: none; - float: right; + color: #F2E6D8; /*rgba(255, 255, 255, 0.55); + background-color: transparent; + border: none; + float: right; } .box #NUDPlus:focus { @@ -406,38 +442,38 @@ li { } .box #GameJamSelect:hover { - color: rgba(255, 255, 255, 0.75); + color: #BF7D65; /*rgba(255, 255, 255, 0.75); } .box #GameJamSelect ul { - background-color: red; + background-color: #2A558C; /*red; } - +*/ .box { - background-color: rgb(18, 18, 18); + background-color: #121B26; /*rgb(18, 18, 18);*/ } -.box #username, -.box #loginUsername, -.box #adminUsername, -.box #pass1, -.box #pass2, -.box #loginPassword, -.box #adminPassword, -.box #GameJamSelect { - border: 0; - background: none; - display: block; - margin: 20px auto; - text-align: center; - border: 2px solid rgb(52, 152, 219); - padding: 10px 10px; - width: 250px; - outline: none; - color: rgba(255, 255, 255, 0.55); - border-radius: 24px; - transition: 0.25s; -} + .box #username, + .box #loginUsername, + .box #adminUsername, + .box #pass1, + .box #pass2, + .box #loginPassword, + .box #adminPassword, + .box #GameJamSelect { + border: 0; + background: none; + display: block; + margin: 20px auto; + text-align: center; + border: 2px solid rgba(42, 84, 140, 1); /*rgb(52, 152, 219);*/ + padding: 10px 10px; + width: 250px; + outline: none; + color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/ + border-radius: 24px; + transition: 0.25s; + } .box .btn-group, .btn-group-vertical { @@ -448,13 +484,13 @@ li { margin: 20px auto; padding: 0; } - -.box #NUDMinus { - color: rgba(255, 255, 255, 0.55); - background-color: transparent; - border: none; - float: left; -} +/* + .box #NUDMinus { + color: #F2E6D8; /*rgba(255, 255, 255, 0.55); + background-color: transparent; + border: none; + float: left; + } .box #NUDMinus:focus { box-shadow: none; @@ -464,14 +500,14 @@ li { outline: none; } -.box #NUDDisplay { - color: rgba(255, 255, 255, 0.55); - background-color: transparent; - border: none; - cursor: text; - width: 65%; -} - + .box #NUDDisplay { + color: #F2E6D8; /*rgba(255, 255, 255, 0.55); + background-color: transparent; + border: none; + cursor: text; + width: 65%; + } +/* .box #NUDDisplay:focus { box-shadow: none; } @@ -480,12 +516,12 @@ li { outline: none; } -.box #NUDPlus { - color: rgba(255, 255, 255, 0.55); - background-color: transparent; - border: none; - float: right; -} + .box #NUDPlus { + color: #F2E6D8; rgba(255, 255, 255, 0.55); + background-color: transparent; + border: none; + float: right; + } .box #NUDPlus:focus { box-shadow: none; @@ -499,19 +535,22 @@ li { box-shadow: none; } -.box #GameJamSelect:hover { - color: rgba(255, 255, 255, 0.75); -} + .box #GameJamSelect:hover { + color: #BF7D65; /*rgba(255, 255, 255, 0.75); + } .box #GameJamSelect ul { - background-color: red; -} + background-color: #2A558C; /*red; +}*/ .text-muted { - margin-bottom: 5vh; - color: rgba(255, 255, 255, 0.55) !important; + margin-bottom: 5vh; + color: #F2E6D8 /*rgba(255, 255, 255, 0.55)*/ !important; +} +.LoginForm { + color: #F2E6D8; + background-color: #121B26; } - .box h1 { font-size: 3.2em; text-align: center; @@ -535,28 +574,28 @@ li { .box #pass2:hover, .box #loginPassword:hover, .box #adminPassword:hover { - color: rgba(255, 255, 255, 0.75); + color: #BF7D65; /*rgba(255, 255, 255, 0.75);*/ } .box input[type="submit"] { - border: 0; - background: none; - display: block; - margin: 20px auto; - text-align: center; - border: 2px solid rgb(46, 204, 113); - padding: 14px 40px; - outline: none; - color: rgba(255, 255, 255, 0.55); - border-radius: 24px; - transition: 0.25s; - cursor: pointer; + border: 0; + background: none; + display: block; + margin: 20px auto; + text-align: center; + border: 2px solid #59142D; /*rgb(46, 204, 113);*/ + padding: 14px 40px; + outline: none; + color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/ + border-radius: 24px; + transition: 0.25s; + cursor: pointer; } -.box input[type="submit"]:hover { - background: rgb(46, 204, 113); - color: rgba(255, 255, 255, 0.75); -} + .box input[type="submit"]:hover { + background: #59142D; /* rgb(46, 204, 113);*/ + color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/ + } .carousel-item img { margin: 0 auto; @@ -600,6 +639,118 @@ li { } } +/*Kalender*/ +.container { + width: 100%; + height: 100vh; + color: rgb(238, 238, 238); + display: flex; + justify-content: center; + align-items: center; +} + +.calendar { + width: 45rem; + height: 52rem; + background-color: rgb(34, 34, 39); + box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4); + border-radius: 20px; +} + +.month { + width: 100%; + height: 12rem; + background-color: #01579b; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 2rem; + text-align: center; + text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); + border-top-left-radius: 20px; + border-top-right-radius: 20px; +} + + .month i { + font-size: 2.5rem; + cursor: pointer; + } + + .month h1 { + font-size: 3rem; + font-weight: 400; + text-transform: uppercase; + letter-spacing: 0.2rem; + margin-bottom: 1rem; + } + + .month p { + font-size: 1.6rem; + } + +.weekdays { + width: 100%; + height: 5rem; + padding: 0 0.4rem; + display: flex; + align-items: center; +} + + .weekdays div { + font-size: 1.5rem; + font-weight: 400; + letter-spacing: 0.1rem; + width: calc(44.2rem / 7); + display: flex; + justify-content: center; + align-items: center; + text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); + } + +.days { + width: 100%; + display: flex; + flex-wrap: wrap; + padding: 0.2rem; + border-radius: 50%; +} + + .days div { + font-size: 1.4rem; + margin: 0.3rem; + width: calc(40.2rem / 7); + height: 5rem; + display: flex; + justify-content: center; + align-items: center; + text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); + transition: background-color 0.2s; + border-radius: 50%; + } + + .days div:hover { + background-color: #01579b; + border: 0.2rem solid rgb(119, 119, 119); + cursor: pointer; + border-radius: 50%; + } + +.prev-date, +.next-date { + opacity: 0.5; +} + +.today { + background-color: #01579b; + border-radius: 50%; +} + +.hasEvent { + background-color: red; +} +/*Kalender slut*/ + + /*slideshow effekt*/ .image_img { display: block; @@ -645,27 +796,32 @@ image_gruppenavn { /*Kategori spil*/ .Collapsible { - background-color: rgb(18, 18, 18); - color: rgba(255, 255, 255, 0.55); - cursor: pointer; - padding: 18px; - width: 100%; - border: none; - text-align: left; - outline: none; - font-size: 15px; - width: 33.333%; + border: 0; + background: none; + display: block; + margin: 20px auto; + text-align: center; + border: 2px solid #2A558C; + padding: 10px 10px; + outline: none; + color: #F2E6D8; + border-radius: 24px; + transition: 0.25s; + width: 90%; } .CollapsibleContent { - padding: 0 18px; - display: none; - overflow: hidden; - background-color: rgb(18, 18, 18); -} + padding: 0 18px; + display: none; + overflow: hidden; + background-color: transparent; + transition: 0.25s; + margin: 10px; +} .left_text { float: left; + } .center_text { @@ -696,133 +852,19 @@ image_gruppenavn { } .GradientDivider { - margin: 16px 0 16px 0; - display: block; - border: none; - height: 3px !important; - background: rgb(0, 113, 185) !important; - background: linear-gradient( - to right, - rgb(18, 18, 18), + margin: 16px 0 16px 0; + display: block; + border: none; + height: 3px !important; + background: #59142D !important; + background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important; + /*rgb(18, 18, 18), rgb(0, 113, 185), rgb(38, 171, 255), rgb(0, 113, 185), - rgb(18, 18, 18) - ) !important; - opacity: 1; + rgb(18, 18, 18)*/ + opacity: 1; } - -/*Kalender*/ -.container { - width: 100%; - height: 100vh; - color: rgb(238, 238, 238); - display: flex; - justify-content: center; - align-items: center; -} - -.calendar { - width: 45rem; - height: 52rem; - background-color: rgb(34, 34, 39); - box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4); - border-radius: 20px; -} - -.month { - width: 100%; - height: 12rem; - background-color: #01579b; - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 2rem; - text-align: center; - text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); - border-top-left-radius: 20px; - border-top-right-radius: 20px; -} - -.month i { - font-size: 2.5rem; - cursor: pointer; -} - -.month h1 { - font-size: 3rem; - font-weight: 400; - text-transform: uppercase; - letter-spacing: 0.2rem; - margin-bottom: 1rem; -} - -.month p { - font-size: 1.6rem; -} - -.weekdays { - width: 100%; - height: 5rem; - padding: 0 0.4rem; - display: flex; - align-items: center; -} - -.weekdays div { - font-size: 1.5rem; - font-weight: 400; - letter-spacing: 0.1rem; - width: calc(44.2rem / 7); - display: flex; - justify-content: center; - align-items: center; - text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); -} - -.days { - width: 100%; - display: flex; - flex-wrap: wrap; - padding: 0.2rem; - border-radius: 50%; -} - -.days div { - font-size: 1.4rem; - margin: 0.3rem; - width: calc(40.2rem / 7); - height: 5rem; - display: flex; - justify-content: center; - align-items: center; - text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); - transition: background-color 0.2s; - border-radius: 50%; -} - -.days div:hover { - background-color: #01579b; - border: 0.2rem solid rgb(119, 119, 119); - cursor: pointer; - border-radius: 50%; -} - -.prev-date, -.next-date { - opacity: 0.5; -} - -.today { - background-color: #01579b; - border-radius: 50%; -} - -.hasEvent { - background-color: red; -} -/*Kalender slut*/ - #return-to-top { position: fixed; bottom: 20px; @@ -866,17 +908,18 @@ image_gruppenavn { } .Collapse-Button { - width: 30%; - text-align: center; - font-weight: bold; - font-size: 18px; - border: double; - border-color: rgb(0, 113, 185); - border-radius: 15px; + width: 30%; + text-align: center; + font-weight: bold; + font-size: 18px; + border: double; + border-color: #59142D; + border-radius: 15px; + background-color: transparent; } .Collapse-Button:hover { - border-color: rgb(52, 152, 219); + border-color: #721b1a; } ul.Circle-list { @@ -884,14 +927,14 @@ ul.Circle-list { text-align: initial; } -ul.Circle-list li:before { - content: "\2022"; /* Unicode for a bullet */ - color: rgb(0, 113, 185); - font-weight: bold; - display: inline-block; /* Needed to add space between the bullet and the text */ - width: 1em; /* Also needed for space (tweak if needed) */ - margin-left: -1em; /* Also needed for space (tweak if needed) */ -} + ul.Circle-list li:before { + content: "\2022"; /* Unicode for a bullet */ + color: #59142D; + font-weight: bold; + display: inline-block; /* Needed to add space between the bullet and the text */ + width: 1em; /* Also needed for space (tweak if needed) */ + margin-left: -1em; /* Also needed for space (tweak if needed) */ + } ol.Subject-list { list-style-type: decimal; @@ -910,7 +953,7 @@ ol.Subject-list { border: 2px solid rgb(52, 152, 219); padding: 10px 10px; outline: none; - color: rgba(255, 255, 255, .55); + color: #F2E6D8; border-radius: 24px; transition: 0.25s; width: 90%; @@ -924,7 +967,7 @@ ol.Subject-list { border: 2px solid rgb(72, 209, 204); padding: 10px 10px; outline: none; - color: rgba(255, 255, 255, .55); + color: #F2E6D8; border-radius: 24px; transition: 0.25s; width: 90%; @@ -935,14 +978,17 @@ ol.Subject-list { display: block; margin: 10px auto; text-align: center; - border: 3px solid rgb(0, 255, 127); + border: 2px solid rgb(0, 255, 127); padding: 10px 10px; outline: none; - color: rgba(255, 255, 255, .55); + color: #F2E6D8; border-radius: 24px; transition: 0.25s; width: 90%; } -#voteAndComment{ - -} \ No newline at end of file + #activeGameJam:hover, + #gameDataId:hover, + #oneVote:hover { + color: #BF7D65; + } +/*Stem slut*/ \ No newline at end of file