Merge remote-tracking branch 'origin/main' into main
This commit is contained in:
commit
619a052309
|
|
@ -11,6 +11,12 @@
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="../../vendor/twbs/bootstrap/dist/css/bootstrap.min.css"
|
href="../../vendor/twbs/bootstrap/dist/css/bootstrap.min.css"
|
||||||
/>
|
/>
|
||||||
|
<style>
|
||||||
|
#navbar {
|
||||||
|
transition: top 0.3s; /* Transition effect when sliding down (and up) */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<script src="../../vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="../../vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
<script
|
<script
|
||||||
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
||||||
|
|
@ -20,8 +26,11 @@
|
||||||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="bg-dark text-white">
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
<nav
|
||||||
|
id="game-nav"
|
||||||
|
class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark"
|
||||||
|
>
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="navbar-brand" href="#"
|
<a class="navbar-brand" href="#"
|
||||||
><img src="../Images/UFO.png" alt="" width="32" height="32" />
|
><img src="../Images/UFO.png" alt="" width="32" height="32" />
|
||||||
|
|
@ -40,10 +49,10 @@
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link active" aria-current="page" href="#">Hjem</a>
|
<a class="nav-link" aria-current="page" href="#game-top">Hjem</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#">Information</a>
|
<a class="nav-link" href="#game-what">Information</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="#">Events</a>
|
<a class="nav-link" href="#">Events</a>
|
||||||
|
|
@ -60,7 +69,7 @@
|
||||||
Toggle Dropdown
|
Toggle Dropdown
|
||||||
</a>
|
</a>
|
||||||
<ul
|
<ul
|
||||||
class="dropdown-menu-dark"
|
class="dropdown-menu dropdown-menu-dark"
|
||||||
aria-labelledby="navbarDropdownMenuLink"
|
aria-labelledby="navbarDropdownMenuLink"
|
||||||
>
|
>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -81,5 +90,198 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
<div>
|
||||||
|
<div class="container mb-5">
|
||||||
|
<h1 id="game-top" class="mt-3 text-center">Velkommen til Game Jam!</h1>
|
||||||
|
<section class="text-center">
|
||||||
|
<p>
|
||||||
|
Denne hjemmeside er lavet til alle som elsker at udvikle spil og
|
||||||
|
konkurerre.
|
||||||
|
</p>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
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
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
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
|
||||||
|
<a href="#">Regler</a>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<h5 id="game-what" class="text-center">Hvad er et Game jam?</h5>
|
||||||
|
<section class="text-center">
|
||||||
|
<p>
|
||||||
|
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
|
||||||
|
<a href="#">Lodtrækning</a>
|
||||||
|
bliver der trækket lod om et tema spillet skal handle om.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
<h3 id="game-why" class="text-center">Hvorfor skal du deltage?</h3>
|
||||||
|
<section class="text-center">
|
||||||
|
<div class="mt-3">
|
||||||
|
<a
|
||||||
|
class="btn btn-lg btn-outline-info"
|
||||||
|
href="#game-why-collapse"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
role="button"
|
||||||
|
>Her er 7 grunde.</a
|
||||||
|
>
|
||||||
|
<div id="game-why-collapse" class="collapse pt-4">
|
||||||
|
<div class="container text-start">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>1. Tids planlægning</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>2. Hastighed</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>3. Forbedre prototypeevner</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>4. Eksperimenter som du lyster</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>5. Forbedre dine overordnede spiludviklingsevner</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>6. Mød nye mennesker og skab et netværk</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-3">
|
||||||
|
<h5>7. Hav det sjovt!</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<p>
|
||||||
|
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
|
||||||
|
<a
|
||||||
|
href="http://ludumdare.com/compo/2011/12/28/infographic-survey-results/"
|
||||||
|
>McFunkyPants</a
|
||||||
|
>
|
||||||
|
viser at over 95% af deltagere har haft det sjovt under
|
||||||
|
deltagelse og vil gerne deltage i endnu en.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function () {
|
||||||
|
var prevScrollpos = window.pageYOffset;
|
||||||
|
window.onscroll = function () {
|
||||||
|
var currentScrollPos = window.pageYOffset;
|
||||||
|
if (prevScrollpos > currentScrollPos) {
|
||||||
|
document.getElementById("game-nav").style.top = "0";
|
||||||
|
} else {
|
||||||
|
document.getElementById("game-nav").style.top = "-50px";
|
||||||
|
}
|
||||||
|
prevScrollpos = currentScrollPos;
|
||||||
|
};
|
||||||
|
});
|
||||||
|
</script>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1078,6 +1078,95 @@
|
||||||
<hr class="GradientDivider" />
|
<hr class="GradientDivider" />
|
||||||
|
|
||||||
<!-- Stem -->
|
<!-- Stem -->
|
||||||
|
<section id="stem">
|
||||||
|
<h3>Stem</h3>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm">
|
||||||
|
<button type="button" class="Collapsible"id="activeGameJam">Game Jam</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm">
|
||||||
|
<button type="button" class="Collapsible"id="activeGameJam">Game Jam</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm">
|
||||||
|
<button type="button" class="Collapsible"id="activeGameJam">Game Jam</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="Collapsible" id="gameDataId">Spil</button>
|
||||||
|
<div class="CollapsibleContent">
|
||||||
|
<button type="submit" id="oneVote">Vote</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal" tabindex="-1" id="voteAndComment">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="GameJameName">Modal title</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<p>Modal body text goes here.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-primary">knap</button>
|
||||||
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Stem slut -->
|
||||||
|
<!-- Stem -->
|
||||||
<section id="stem">
|
<section id="stem">
|
||||||
<h3>Stem</h3>
|
<h3>Stem</h3>
|
||||||
<p></p>
|
<p></p>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
// JavaScript source code
|
||||||
|
|
@ -897,3 +897,52 @@ ol.Subject-list {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*Stem*/
|
||||||
|
|
||||||
|
#activeGameJam {
|
||||||
|
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);
|
||||||
|
border-radius: 24px;
|
||||||
|
transition: 0.25s;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
#gameDataId {
|
||||||
|
border: 0;
|
||||||
|
background: none;
|
||||||
|
display: block;
|
||||||
|
margin: 10px auto;
|
||||||
|
text-align: center;
|
||||||
|
border: 2px solid rgb(72, 209, 204);
|
||||||
|
padding: 10px 10px;
|
||||||
|
outline: none;
|
||||||
|
color: rgba(255, 255, 255, .55);
|
||||||
|
border-radius: 24px;
|
||||||
|
transition: 0.25s;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
#oneVote {
|
||||||
|
border: 0;
|
||||||
|
background: none;
|
||||||
|
display: block;
|
||||||
|
margin: 10px auto;
|
||||||
|
text-align: center;
|
||||||
|
border: 3px solid rgb(0, 255, 127);
|
||||||
|
padding: 10px 10px;
|
||||||
|
outline: none;
|
||||||
|
color: rgba(255, 255, 255, .55);
|
||||||
|
border-radius: 24px;
|
||||||
|
transition: 0.25s;
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
#voteAndComment{
|
||||||
|
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue