diff --git a/Frontend/Html/SpinningWheel.html b/Frontend/Html/SpinningWheel.html deleted file mode 100644 index f2e05df..0000000 --- a/Frontend/Html/SpinningWheel.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - -
-
-
-
1
-
2
-
3
-
4
-
5
-
6
-
- -
-
-
- -
-
-
- -
- -
- - \ No newline at end of file diff --git a/Frontend/Index.html b/Frontend/Index.html index 224247e..943fda2 100755 --- a/Frontend/Index.html +++ b/Frontend/Index.html @@ -8,14 +8,13 @@ - + - @@ -80,7 +79,7 @@ -
@@ -450,7 +445,7 @@
- 0 + 0

Spil

Se de nyesste spil

@@ -653,8 +648,35 @@

Lodtrækning

-
-

+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+ +
+
+
+ +
+
+
+ +
+
    +
  • 1.
    • +
  • 2.
    • +
  • 3.
    • +
  • 4.
    • +
  • 5.
    • +
  • 6.
    • +
+
@@ -667,18 +689,17 @@
- - + diff --git a/Frontend/Javascript/SpinningWheel.js b/Frontend/Javascript/SpinningWheel.js index f63e5a0..f73485e 100644 --- a/Frontend/Javascript/SpinningWheel.js +++ b/Frontend/Javascript/SpinningWheel.js @@ -34,8 +34,10 @@ $(document).ready(function () { } 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 each section can get, in a 30 angle degree. diff --git a/Frontend/Styles/SpinningWheel.css b/Frontend/Styles/SpinningWheel.css index ae7422a..4480027 100644 --- a/Frontend/Styles/SpinningWheel.css +++ b/Frontend/Styles/SpinningWheel.css @@ -1,31 +1,14 @@ -* { - 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; width: 266px; position: relative; + font-size: 18px; + font-family: 'Exo 2', sans-serif; } #txt { - color: rgb(0,0,0); + color: rgba(255,255,255, .55); } @@ -44,10 +27,12 @@ a { #wheel:before { content: ''; position: absolute; - border: 4px solid rgba(0,0,0,0.1); + border: 8px solid rgba(0,0,0,0.1); width: 242px; height: 242px; border-radius: 50%; + top: -4px; + left: -4px; z-index: 1000; } @@ -69,8 +54,8 @@ a { border-width: 130px 75px 0; border-color: #19c transparent; transform-origin: 75px 129px; - left: 50px; - top: -4px; + left: 45px; + top: -10px; opacity: 1; } @@ -137,7 +122,7 @@ a { display: block; text-align: center; 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; }