Merge remote-tracking branch 'origin/main' into main
This commit is contained in:
commit
dcadc2f785
|
@ -1,44 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title></title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="../Styles/SpinningWheel.css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
||||||
<script src="../Javascript/SpinningWheel.js"></script>
|
|
||||||
|
|
||||||
<div id="wrapper">
|
|
||||||
<div id="wheel">
|
|
||||||
<div id="inner-wheel">
|
|
||||||
<div class="sec"><span class="fa">1</span></div>
|
|
||||||
<div class="sec"><span class="fa">2</span></div>
|
|
||||||
<div class="sec"><span class="fa">3</span></div>
|
|
||||||
<div class="sec"><span class="fa">4</span></div>
|
|
||||||
<div class="sec"><span class="fa">5</span></div>
|
|
||||||
<div class="sec"><span class="fa">6</span></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="spin">
|
|
||||||
<div id="inner-spin"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="shine"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="txt">
|
|
||||||
<ul>
|
|
||||||
<li>1.</li>
|
|
||||||
<li>2.</li>
|
|
||||||
<li>3.</li>
|
|
||||||
<li>4.</li>
|
|
||||||
<li>5.</li>
|
|
||||||
<li>6.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -8,14 +8,13 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="shortcut icon" href="Images/UFO.png" />
|
<link rel="shortcut icon" href="Images/UFO.png" />
|
||||||
<!-- Default page settings end -->
|
<!-- Default page settings end -->
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
|
||||||
<link rel="stylesheet" href="Styles/Index.css" />
|
<link rel="stylesheet" href="Styles/Index.css" />
|
||||||
|
<link rel="stylesheet" href="Styles/SpinningWheel.css" />
|
||||||
<link rel="stylesheet" href="Styles/minibar.min.css" />
|
<link rel="stylesheet" href="Styles/minibar.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
|
||||||
<!-- CSS end -->
|
<!-- CSS end -->
|
||||||
|
|
||||||
<!-- Header scripts -->
|
<!-- Header scripts -->
|
||||||
<script src="https://kit.fontawesome.com/57b6c8b971.js" crossorigin="anonymous"></script>
|
<script src="https://kit.fontawesome.com/57b6c8b971.js" crossorigin="anonymous"></script>
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
|
||||||
|
@ -97,7 +96,6 @@
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<!-- Navbar end -->
|
<!-- Navbar end -->
|
||||||
|
|
||||||
<!-- Login modal -->
|
<!-- Login modal -->
|
||||||
<div class="LoginModal">
|
<div class="LoginModal">
|
||||||
<div class="modal fade" id="LoginModal" tabindex="-1" aria-labelledby="LoginModalLabel" aria-hidden="true">
|
<div class="modal fade" id="LoginModal" tabindex="-1" aria-labelledby="LoginModalLabel" aria-hidden="true">
|
||||||
|
@ -154,7 +152,6 @@
|
||||||
<input id="pass1" type="password" class="" placeholder="Password">
|
<input id="pass1" type="password" class="" placeholder="Password">
|
||||||
<input id="pass2" type="password" class="" name="password" placeholder="Gentag Password">
|
<input id="pass2" type="password" class="" name="password" placeholder="Gentag Password">
|
||||||
<select id="GameJamSelect" class="form-select" aria-label="Default select example">
|
<select id="GameJamSelect" class="form-select" aria-label="Default select example">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<input type="hidden" name="groupAmount" id="groupAmount">
|
<input type="hidden" name="groupAmount" id="groupAmount">
|
||||||
|
@ -221,7 +218,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Login modal end -->
|
<!-- Login modal end -->
|
||||||
|
|
||||||
<!-- Rules Modal -->
|
<!-- Rules Modal -->
|
||||||
<div class="modal fade" id="RulesModal" tabindex="-1" aria-labelledby="RulesModalLabel" aria-hidden="true">
|
<div class="modal fade" id="RulesModal" tabindex="-1" aria-labelledby="RulesModalLabel" aria-hidden="true">
|
||||||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||||||
|
@ -297,7 +293,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Rules modal end -->
|
<!-- Rules modal end -->
|
||||||
|
|
||||||
<!-- Page content -->
|
<!-- Page content -->
|
||||||
<div id="content" class="container-fluid text-center">
|
<div id="content" class="container-fluid text-center">
|
||||||
<div class="text-left CenterDiv">
|
<div class="text-left CenterDiv">
|
||||||
|
@ -653,8 +648,35 @@
|
||||||
<section id="lod">
|
<section id="lod">
|
||||||
<h3>Lodtrækning</h3>
|
<h3>Lodtrækning</h3>
|
||||||
|
|
||||||
<div id="chart"></div>
|
<div id="wrapper">
|
||||||
<div id="question"><h1></h1></div>
|
<div id="wheel">
|
||||||
|
<div id="inner-wheel">
|
||||||
|
<div class="sec"><span class="fa">1</span></div>
|
||||||
|
<div class="sec"><span class="fa">2</span></div>
|
||||||
|
<div class="sec"><span class="fa">3</span></div>
|
||||||
|
<div class="sec"><span class="fa">4</span></div>
|
||||||
|
<div class="sec"><span class="fa">5</span></div>
|
||||||
|
<div class="sec"><span class="fa">6</span></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="spin">
|
||||||
|
<div id="inner-spin"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="shine"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="txt">
|
||||||
|
<ul>
|
||||||
|
<li>1.</li>
|
||||||
|
<li>2.</li>
|
||||||
|
<li>3.</li>
|
||||||
|
<li>4.</li>
|
||||||
|
<li>5.</li>
|
||||||
|
<li>6.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<!-- Lodtrækning slut -->
|
<!-- Lodtrækning slut -->
|
||||||
|
@ -667,18 +689,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Page content end -->
|
<!-- Page content end -->
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer id="footer" class="text-center">
|
<footer id="footer" class="text-center">
|
||||||
<p>Footer Text</p>
|
<p>Footer Text</p>
|
||||||
</footer>
|
</footer>
|
||||||
<!-- Footer end -->
|
<!-- Footer end -->
|
||||||
|
|
||||||
<!-- Body scripts -->
|
<!-- Body scripts -->
|
||||||
<script src="Javascript/LoginFunctionality.js"></script>
|
<script src="Javascript/LoginFunctionality.js"></script>
|
||||||
<script src="Javascript/Collapsible.js"></script>
|
<script src="Javascript/Collapsible.js"></script>
|
||||||
<script src="Javascript/PasswordValidation.js"></script>
|
<script src="Javascript/PasswordValidation.js"></script>
|
||||||
<script src="Javascript/Kalender.js"></script>
|
<script src="Javascript/Kalender.js"></script>
|
||||||
|
<script src="Javascript/SpinningWheel.js"></script>
|
||||||
<script src="Javascript/minibar.min.js"></script>
|
<script src="Javascript/minibar.min.js"></script>
|
||||||
<script src="Javascript/HeaderFunctionality.js"></script>
|
<script src="Javascript/HeaderFunctionality.js"></script>
|
||||||
<script src="Javascript/LoginFunctionality.js"></script>
|
<script src="Javascript/LoginFunctionality.js"></script>
|
||||||
|
|
|
@ -34,8 +34,10 @@ $(document).ready(function () {
|
||||||
}
|
}
|
||||||
|
|
||||||
var aoY = t.offset().top;
|
var aoY = t.offset().top;
|
||||||
$("#txt").html(aoY);
|
|
||||||
console.log(aoY);
|
//Display Rotation
|
||||||
|
//$("#txt").html(aoY);
|
||||||
|
//console.log(aoY);
|
||||||
|
|
||||||
/*23.7 is the minumum offset number that
|
/*23.7 is the minumum offset number that
|
||||||
each section can get, in a 30 angle degree.
|
each section can get, in a 30 angle degree.
|
||||||
|
|
|
@ -1,31 +1,14 @@
|
||||||
* {
|
/*WRAPPER*/
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: #eaeaea;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 18px;
|
|
||||||
font-family: 'Exo 2', sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #34495e;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*WRAPPER*/
|
|
||||||
#wrapper {
|
#wrapper {
|
||||||
margin: 40px auto 0;
|
margin: 40px auto 0;
|
||||||
width: 266px;
|
width: 266px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: 'Exo 2', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
#txt {
|
#txt {
|
||||||
color: rgb(0,0,0);
|
color: rgba(255,255,255, .55);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -44,10 +27,12 @@ a {
|
||||||
#wheel:before {
|
#wheel:before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border: 4px solid rgba(0,0,0,0.1);
|
border: 8px solid rgba(0,0,0,0.1);
|
||||||
width: 242px;
|
width: 242px;
|
||||||
height: 242px;
|
height: 242px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
top: -4px;
|
||||||
|
left: -4px;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -69,8 +54,8 @@ a {
|
||||||
border-width: 130px 75px 0;
|
border-width: 130px 75px 0;
|
||||||
border-color: #19c transparent;
|
border-color: #19c transparent;
|
||||||
transform-origin: 75px 129px;
|
transform-origin: 75px 129px;
|
||||||
left: 50px;
|
left: 45px;
|
||||||
top: -4px;
|
top: -10px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -137,7 +122,7 @@ a {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
margin-left: -15px;
|
margin-left: -10px;
|
||||||
text-shadow: rgba(255, 255, 255, 0.1) 0px -1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 0px;
|
text-shadow: rgba(255, 255, 255, 0.1) 0px -1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue