From 9db6b438640f1a68d5c158d17a441f64fa114dde Mon Sep 17 00:00:00 2001 From: Logan Brock Date: Sat, 6 Feb 2021 13:02:17 -0600 Subject: [PATCH 1/7] completed project all working --- css/style.css | 0 index.html | 0 js/main.js | 0 3 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 css/style.css create mode 100644 index.html create mode 100644 js/main.js diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..e69de29 diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..e69de29 From 2158f6dc95aaf5677f7dcdc2016eacb7b97e882d Mon Sep 17 00:00:00 2001 From: Logan Brock Date: Sat, 6 Feb 2021 13:13:00 -0600 Subject: [PATCH 2/7] put js and css in index --- index.html | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/index.html b/index.html index e69de29..845ef8c 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,20 @@ + + + + + + + + API | Slot Machine + + + + + + +

Slot Machine

+ + + + + \ No newline at end of file From d850fd0efea5ce77a23d50c199e553cbbdc5d3d2 Mon Sep 17 00:00:00 2001 From: Logan Brock Date: Tue, 9 Feb 2021 15:28:31 -0600 Subject: [PATCH 3/7] added css style --- css/style.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29..f029a17 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,19 @@ +/****************************************** +/* CSS +/*******************************************/ + +/* Box Model Hack */ +*{ + box-sizing: border-box; + } + + /****************************************** + /* LAYOUT + /*******************************************/ + + + + /****************************************** + /* ADDITIONAL STYLES + /*******************************************/ + \ No newline at end of file From 83c14bed1a23e15e1df5cc64bf29eec6f2e482e1 Mon Sep 17 00:00:00 2001 From: Logan Brock Date: Tue, 9 Feb 2021 17:15:02 -0600 Subject: [PATCH 4/7] added text and style but still need js --- css/style.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 44 +++++++++++++++++++++++++++++++ 2 files changed, 115 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index f029a17..95af6d0 100644 --- a/css/style.css +++ b/css/style.css @@ -10,7 +10,77 @@ /****************************************** /* LAYOUT /*******************************************/ - + body { + margin-top: 60px; +} + +.slotwrapper { + overflow: hidden; + display: inline-block; + border: 1px solid #000; + height: 200px; +} +.slotwrapper ul { + padding: 0; + margin: 0; + list-style: none; + position: relative; + float: left; +} +.slotwrapper ul { + width: 200px; + height:200px; + font-size: 200px; + line-height: 200px; + text-align: center; +} +.slotwrapper ul li img { + vertical-align: top; +} +@media screen and (max-width: 1200px) { + .slotwrapper { + width: 100%; + } + .slotwrapper ul { + width: 33%; + } +} +@media screen and (max-width: 768px) { + .slotwrapper { + height: 100px; + } + .slotwrapper ul { + height:100px; + font-size: 100px; + line-height: 100px; + } +} + +/* Example 10 override slotwrapper */ +#example10 { + height: 150px; +} +#example10 ul { + width: 150px; + height:150px; + font-size: 150px; + line-height: 150px; +} +@media screen and (max-width: 1200px) { + #example10 ul { + width: 18%; + } +} +@media screen and (max-width: 768px) { + #example10 { + height: 100px; + } + #example10 ul { + height:100px; + font-size: 100px; + line-height: 100px; + } +} /****************************************** diff --git a/index.html b/index.html index 845ef8c..11b7294 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,50 @@

Slot Machine

+
+
+
+
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
+
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
+
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • 5
    • +
  • 6
    • +
  • 7
    • +
+
+
+ + + View Code + +
+
+
+
+
+
+
+ From b53716edffc539864ebe793ad6ea509d9ca88f14 Mon Sep 17 00:00:00 2001 From: Logan Brock Date: Tue, 9 Feb 2021 17:17:58 -0600 Subject: [PATCH 5/7] update link on index --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 11b7294..35e201e 100644 --- a/index.html +++ b/index.html @@ -47,9 +47,9 @@

Slot Machine

- +
From f4984cebf64676cfc81ba28edc9dcbbb0a2fd0a4 Mon Sep 17 00:00:00 2001 From: Logan Brock <36110596+lgbrock@users.noreply.github.com> Date: Tue, 9 Feb 2021 17:21:30 -0600 Subject: [PATCH 6/7] Update README.md --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 679bef0..1ceae1e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,7 @@ +I completed the challenge: 2 +I feel good about my code: 2 +I was only able to get the initial set up but will work on JS over the next couple of days + # 🎰 #100Devs Project: Slot Machine ### Goal: Build a Simple Slot Machine From 5f68a3672e91e62072451e19cd891d0f37b2165f Mon Sep 17 00:00:00 2001 From: Logan Brock <36110596+lgbrock@users.noreply.github.com> Date: Tue, 9 Feb 2021 17:22:29 -0600 Subject: [PATCH 7/7] Update README.md --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 1ceae1e..08857c0 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,8 @@ +``` I completed the challenge: 2 I feel good about my code: 2 I was only able to get the initial set up but will work on JS over the next couple of days - +``` # 🎰 #100Devs Project: Slot Machine ### Goal: Build a Simple Slot Machine