Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
357 commits
Select commit Hold shift + click to select a range
2d75824
Merge pull request #154 from venikman/master
wesbos Aug 11, 2017
0752f62
Merge pull request #151 from usyyy/master
wesbos Aug 11, 2017
d6837c3
Merge branch 'master' into master
wesbos Aug 11, 2017
1361c6d
Merge pull request #147 from fullstacktribe/master
wesbos Aug 11, 2017
8e13b85
Merge branch 'master' into patch-1
wesbos Aug 11, 2017
6c69548
Merge pull request #144 from andreidbr/patch-1
wesbos Aug 11, 2017
d946797
Merge branch 'master' into master
wesbos Aug 11, 2017
d3c5ad6
Merge pull request #134 from Rayhatron/master
wesbos Aug 11, 2017
04f70e6
Update readme.md
Aug 12, 2017
ff79e52
Merge pull request #155 from afuh/patch-1
wesbos Aug 25, 2017
c4f5af4
Fixed typo ('twiter' to 'twitter')
joshua-scott Sep 4, 2017
d2f59f8
Merge pull request #158 from jscott313/fix-twitter-typo
wesbos Sep 4, 2017
e359fd3
add Chris link in readme.md
dwatow Sep 5, 2017
5eef705
fix missing unsplash.it background-image for .panel2
caleywoods Sep 6, 2017
cbe8ee7
Merge pull request #160 from caleywoods/master
wesbos Sep 6, 2017
cbfa6cd
Changed to escaped double-quotes to fix browser-sync
joshua-scott Sep 7, 2017
41ad4cb
Merge pull request #161 from jscott313/master
wesbos Sep 7, 2017
cd828d8
Merge pull request #159 from dwatow/patch-1
wesbos Sep 21, 2017
7df99a9
Add link to my blog so everyone can learn from it. This is my approach
miayam Sep 28, 2017
f3f8040
rm unused selector 'a'
DublinCity Sep 28, 2017
1973e89
Merge pull request #166 from DublinCity/master
wesbos Sep 28, 2017
233ad37
Update PULL_REQUEST_TEMPLATE.md
wesbos Sep 28, 2017
724fa38
Merge pull request #165 from miayam/miayam-js30-implementation
wesbos Oct 6, 2017
465e216
Added link to my blog
lfkeitel Oct 15, 2017
37c1817
Merge pull request #171 from lfkeitel/add-blog-link
wesbos Oct 17, 2017
7fe74e9
add Dustin Hsiao to readme
dustinhsiao21 Oct 27, 2017
b022023
Merge pull request #177 from dustinhsiao21/master
wesbos Oct 27, 2017
9012f5e
Fix typo
missmatsuko Nov 21, 2017
5572435
Merge pull request #181 from missmatsuko/master
wesbos Nov 21, 2017
26896b9
Update readme.md
guahsu Nov 22, 2017
7ca5cf9
Add person object to day 14 starter file
missmatsuko Nov 27, 2017
6caea9e
Merge pull request #185 from missmatsuko/edit
wesbos Nov 27, 2017
04ebda4
Typo
maksymiliansielicki Dec 10, 2017
8432fff
Merge pull request #187 from maxmeister/master
wesbos Dec 11, 2017
6ac0b97
Merge pull request #182 from guahsu/master
wesbos Dec 18, 2017
1d0c0f8
Added to Readme.md my name
danascript Dec 27, 2017
2ed777c
Added link to the showcase page
danascript Jan 2, 2018
a04be1a
Force browser-sync version less than 2.23.2 having issue in npm start
andrericardo Jan 4, 2018
36c79de
Merge pull request #196 from andrericardo/browser-sync-issue
wesbos Jan 5, 2018
c322162
Merge pull request #191 from misslild/misslild-patch-1
wesbos Jan 5, 2018
683e358
corrected 2 typos
Jan 12, 2018
2645501
Update readme.md
Jan 13, 2018
af466bb
Added small proposal for 26 lesson
Jan 28, 2018
03605fc
Merge pull request #200 from WispProxy/feature/patch-for-26-lesson
wesbos Jan 29, 2018
16b576c
Merge pull request #199 from guar47/master
wesbos Jan 29, 2018
9c26ee6
Merge pull request #198 from ElaMoscicka/typos
wesbos Jan 29, 2018
b8db500
Added small update for 26 lesson - link
Jan 29, 2018
650e837
Merge pull request #201 from WispProxy/feature/26-lesson
wesbos Jan 29, 2018
d93518e
Modified readme for link to my solutions
sabidhasan Feb 6, 2018
3dd7eaa
Merge pull request #204 from sabidhasan/abid-edit
wesbos Feb 15, 2018
a0369a2
typos&whitespaces improvements
Feb 16, 2018
f500032
Merge pull request #206 from ElaMoscicka/typosVol2
wesbos Feb 16, 2018
7fa453b
Update readme add Yusong's Notes
sky172839465 Mar 18, 2018
508e476
Merge pull request #213 from sky172839465/master
wesbos Mar 21, 2018
7fdb2ef
Add my implementation :heart:
Apr 19, 2018
4b18521
Add my gh-pages and lessons to README
herminiotorres Jul 8, 2018
be63f4d
Merge pull request #222 from herminiotorres/master
wesbos Jul 9, 2018
9d6e364
Merge branch 'master' into patch-1
Jul 23, 2018
0022cab
Update style.css
ElaMoscicka Jul 30, 2018
1a154b7
added spacing
ElaMoscicka Jul 30, 2018
f75cf7a
added spacing
Jul 30, 2018
40e0b13
added spacing
Jul 30, 2018
2ad5c6d
added spacing
Jul 30, 2018
9de578f
added spacing
Jul 30, 2018
fdfec35
added spacing
Jul 30, 2018
039640e
added spacing
Jul 30, 2018
e48ed9e
added spacing
ElaMoscicka Jul 30, 2018
0cdf28a
deleted comma
Jul 30, 2018
5ae2034
added spacing
Jul 30, 2018
72357f3
added spacing
Jul 30, 2018
f95a3db
added spacing
Jul 30, 2018
4de2b4d
added spacing
Jul 30, 2018
45c3b7f
added spacing
Jul 30, 2018
78f0dcd
added spacing
Jul 30, 2018
0fd10e0
added spacing
Jul 30, 2018
c0e0c26
added spacing
Jul 30, 2018
b681c8a
added spacing
Jul 30, 2018
62a9e59
added spacing
Jul 30, 2018
af6f972
added spacing
Jul 30, 2018
9061f8d
added spacing
Jul 30, 2018
fa00974
added spacing
Jul 30, 2018
b9d139a
added spacing
Jul 30, 2018
7b975b4
added spacing
Jul 30, 2018
0293376
added spacing
Jul 30, 2018
04e8b07
added spacing
Jul 30, 2018
cb84f74
added spacing and semicolons
Jul 30, 2018
55e269e
added spacing
Jul 30, 2018
b1dc2c1
added spacing
Jul 30, 2018
67be633
added spacing and semicolon
Jul 30, 2018
f133500
added spacing
Jul 30, 2018
f509cd8
added spacing
Jul 30, 2018
746d279
added spacing and semicolon
Jul 30, 2018
6a90e00
added spacing and semicolon
Jul 30, 2018
0433bb1
added spacing
Jul 30, 2018
94c876c
added spacing
Jul 30, 2018
5f0b93b
added spacing
Jul 30, 2018
5057eeb
added spacing
Jul 30, 2018
23da79f
add local copy of video and update src
Aug 3, 2018
354cab9
Fix typo in finished js references vs copy
Aug 12, 2018
4ce0a53
Adding the flex children
encodedwitch Aug 13, 2018
01deb6b
Update readme.md
dimabory Aug 14, 2018
373e522
Update readme.md
dimabory Aug 14, 2018
45b85d3
Added blog series to readme.md
davefollett Aug 21, 2018
29489a8
Merge branch 'master' into master
ElaMoscicka Aug 24, 2018
ff12639
Add kizito's follow-along repo and notes
akhilome Aug 24, 2018
1bc71e7
Add community content - ClojureScript
athomasoriginal Sep 12, 2018
e50bf29
createObjectURL() has been depreceated.
sxnaprkhr Sep 15, 2018
686f1fb
Update scripts-FINISHED.js
Sep 16, 2018
daa897a
Merge pull request #239 from sxnaprkhr/patch-1
wesbos Sep 24, 2018
50773f9
Merge pull request #238 from tkjone/patch-1
wesbos Sep 24, 2018
7385b81
Merge branch 'master' into master
wesbos Sep 24, 2018
43e42de
Merge pull request #236 from akhilome/master
wesbos Sep 24, 2018
80a3861
Merge branch 'master' into patch-1
wesbos Sep 24, 2018
d7a3bd2
Merge pull request #233 from davefollett/patch-1
wesbos Sep 24, 2018
5ff2503
Merge branch 'master' into patch-1
wesbos Sep 24, 2018
39aadcf
Merge pull request #232 from dimabory/patch-1
wesbos Sep 24, 2018
9aa8851
Merge pull request #231 from sm0p/patch-1
wesbos Sep 24, 2018
6531074
Merge pull request #230 from erikaleigh/fix-typo
wesbos Sep 24, 2018
237b5ec
Merge pull request #228 from codyMalcolm/master
wesbos Sep 24, 2018
ab3af9f
Merge pull request #227 from ElaMoscicka/master
wesbos Sep 24, 2018
776dfbe
Merge pull request #216 from Ding-Fan/patch-1
wesbos Sep 24, 2018
24cb358
add Alternative Implementations
wesbos Sep 24, 2018
a6e76a9
move jade links
wesbos Sep 24, 2018
32f1d19
Alternative implementation using Stimulus JS
adrienpoly Sep 25, 2018
7d8289c
Merge pull request #240 from adrienpoly/patch-1
wesbos Sep 25, 2018
3f7fad6
Add link to implementation in TypeScript
tricinel Oct 5, 2018
73396b6
Merge pull request #244 from tricinel/typescript-implementation
palashmon Oct 22, 2018
33fa1df
Added @media to make the paragraph smaller for mobile
endormi Oct 30, 2018
2044cfb
Update CSS indentation
palashmon Oct 30, 2018
ee773a2
Merge pull request #248 from endormi/patch-1
palashmon Oct 30, 2018
c3d0194
Fix typo
endormi Nov 5, 2018
0e43f7a
Merge pull request #249 from endormi/patch-2
palashmon Nov 16, 2018
895b39e
Removed space
Nov 29, 2018
da693df
Removed spaces
Nov 29, 2018
ca27dce
Merge pull request #251 from shahroozme/patch-1
palashmon Nov 29, 2018
dbacabb
Merge pull request #250 from shahroozme/patch-1
palashmon Nov 29, 2018
944331a
Fix typo in index-START.html
Ememme Dec 10, 2018
5f04b4a
Fix typos on index-FINISHED.html
Ememme Dec 10, 2018
f8daf5f
Merge pull request #255 from Ememme/Ememme-patch-1
palashmon Dec 11, 2018
6df5ee5
Merge pull request #256 from Ememme/Ememme-patch-2
palashmon Dec 11, 2018
14927a4
Removed spaces
Dec 20, 2018
fdf0e3e
Merge pull request #260 from shahroozme/patch-1
palashmon Dec 20, 2018
954382b
Fix typo
Ememme Jan 3, 2019
b5a9811
Merge pull request #262 from Ememme/Ememme-patch-3
wesbos Jan 3, 2019
b12be38
VannTile's JavaScript30 implementation
vanntile Feb 12, 2019
da18386
Merge pull request #274 from vanntile/patch-1
palashmon Feb 12, 2019
ee4c2ab
🕵🏻‍♂️ Make Exercise 16 filenames consistent
ianjmacintosh Feb 21, 2019
63775de
Merge pull request #275 from ianjmacintosh/fix-casing-on-exercise-16
palashmon Feb 21, 2019
23ad2c8
removed 0 from end of backgroundimage url in day2
projectLewis Jun 13, 2019
e26a195
removed my workspaces formatting and dropped 0 from background image …
projectLewis Jun 13, 2019
4b25686
Merge pull request #293 from projectLewis/day2backgroundimg
palashmon Jun 14, 2019
d2114a9
Fix background image url
palashmon Jun 14, 2019
ee0587d
update community content list
alex-kim-dev Jun 20, 2019
359b569
Merge pull request #296 from Alex-K1m/update
palashmon Jun 20, 2019
8a604be
[Day 19] Make request to snap.mp3 via HTTPS instead of HTTP
andrerfcsantos Aug 5, 2019
370e8e6
🐞 fix for 10 - Hold Shift and ...
marcoSven Aug 21, 2019
11531c6
Replacing http by https in cornify.js import, to avoid insecure mixed…
ramigs Oct 3, 2019
0023c9b
Merge pull request #309 from ramigs/fix-challenge-12-cornify-https
palashmon Oct 7, 2019
4da2ea4
Update readme.md
seckela Oct 9, 2019
dc49479
Update readme.md (#310)
palashmon Oct 10, 2019
3412a95
Update index-START.html
yudi43 Oct 14, 2019
8bcc675
Merge pull request #311 from yudi43/patch-1
wesbos Jan 6, 2020
08dd8d8
Merge pull request #304 from marcoSven/add-solution-bug-fix-for-10-to…
wesbos Jan 6, 2020
87f82b1
Merge pull request #303 from andrerfcsantos/master
wesbos Jan 6, 2020
4498812
Updating the url of background image to https
akashrajum7 Jan 12, 2020
34198ef
Update the url of background image to https (#323)
palashmon Jan 13, 2020
aeb1ad8
Update the url of background image to https
akashrajum7 Jan 13, 2020
d366e4e
Update the url of background image to https
akashrajum7 Jan 13, 2020
681af58
Merge pull request #325 from akashrajum7/patch-3
wesbos Jan 13, 2020
5629abe
Remove apostrophe to make comment consistent
akashrajum7 Jan 15, 2020
c745351
Remove apostrophe to make comment consistent (#326)
palashmon Jan 15, 2020
8dafa2d
update readme.md
reymon359 Jan 19, 2020
f3f7116
Update readme.md (#327)
palashmon Jan 20, 2020
0caf831
Fix typo
oswwwaldotc Feb 12, 2020
7068292
Merge pull request #332 from dev-oswld/patch-1
palashmon Feb 12, 2020
439ecc9
Adding my TypeScript implementation to the readme
wwags33 Mar 5, 2020
053775b
Merge pull request #338 from wwags33/patch-1
palashmon Mar 6, 2020
f57ca42
add my all practices link to README.md
a90100 Mar 29, 2020
2a86c5e
update readme.md
sescobar99 Apr 21, 2020
334e8a6
Merge pull request #349 from sescobar99/master
palashmon Apr 22, 2020
654fce1
Broken link on background image of Lesson 15.
nailson-landim Apr 25, 2020
fa0d570
Merge pull request #324 from akashrajum7/patch-2
palashmon Apr 26, 2020
6ae39c3
Merge branch 'master' into patch-1
palashmon Apr 26, 2020
a8f8806
Merge pull request #343 from a90100/patch-1
palashmon Apr 26, 2020
58c27ef
Merge pull request #351 from nailsonlinux/master
wesbos Apr 26, 2020
409726c
doc(readme.md): add link with demos, recaps and guides.
vanribeiro Apr 30, 2020
83bd831
add my all practices link to README.md
a90100 Mar 29, 2020
ddb8448
update readme.md
sescobar99 Apr 21, 2020
e62239b
Update the url of background image to https
akashrajum7 Jan 13, 2020
9d6c8b7
Broken link on background image of Lesson 15.
nailson-landim Apr 25, 2020
a9e4639
correct my info links.
vanribeiro May 5, 2020
1454b54
Merge branch 'master' into master
vanribeiro May 5, 2020
0653c6c
Merge pull request #353 from vanribeiro/master
palashmon May 5, 2020
1f1f6f5
Add snap locally
wesbos May 19, 2020
c90bf52
update snap location
wesbos May 19, 2020
5c513eb
add Dart 2.0 version
ALMaclaine May 20, 2020
6ad5a36
Merge pull request #359 from ALMaclaine/master
palashmon May 20, 2020
43029cc
Add Mugilan's Solution
Mugilan-Codes May 22, 2020
2d58e51
Updated my previous commit
Mugilan-Codes May 25, 2020
047370e
Merge pull request #361 from Mugilan-Codes/patch-1
palashmon May 25, 2020
d47e3a3
Update readme.md
eshanvohra May 31, 2020
97f59c2
Merge pull request #366 from eshanvohra/patch-3
palashmon May 31, 2020
50f2492
Added quotes around background URL
novibonjovi Jun 12, 2020
d8f4cc5
Changed broken header background image to suitable replacement from u…
tonygrant Jul 10, 2020
891150d
Update readme.md
RegusAl Jul 13, 2020
d30e126
Merge pull request #374 from RegusAl/patch-1
palashmon Jul 13, 2020
b1f85a6
docs: update few repo links
palashmon Jul 13, 2020
1a66a6f
Fix sound not playing by lengthening audio file
Eduardo06sp Aug 5, 2020
c24e6bd
Add a link in community resource
gupta-ji6 Aug 24, 2020
b23d144
Move the link to last index
gupta-ji6 Aug 24, 2020
a584dc2
Merge pull request #381 from gupta-ji6/master
palashmon Aug 24, 2020
d6a3a6e
Merge pull request #379 from Eduardo06sp/master
wesbos Sep 11, 2020
1afca64
Merge pull request #373 from FriscoTony/tinyfix
wesbos Sep 11, 2020
b21b66f
Merge pull request #368 from novibonjovi/master
wesbos Sep 11, 2020
bf1d914
Mixed the order of items in the 'people' array
lillapulay Oct 20, 2020
80ec671
Mixed the order of items in the 'people' array
lillapulay Oct 20, 2020
ac5ce1a
Merge pull request #406 from lillapulay/master
wesbos Oct 20, 2020
8fa8dd7
Add files via upload
wesbos Dec 17, 2020
ce2c7e6
Update style.css
wesbos Dec 17, 2020
a13c40f
Add a link to a fix of panels' deactivation
filipkowal Dec 21, 2020
bc069d5
Update readme.md
MoSaif00 Feb 1, 2021
b87957c
Update readme.md
stiaannel Apr 7, 2021
296d46a
Merge pull request #454 from stiaannel/master
wesbos Apr 7, 2021
b076d22
Merge branch 'master' into merge-Conflict-solve
MoSaif00 Apr 23, 2021
6559518
Merge pull request #431 from MoSaif00/merge-Conflict-solve
palashmon Apr 24, 2021
1c43237
Remove unnecessary <p> tag
Maheshkumar-novice Jun 5, 2021
09e3480
Merge pull request #465 from Maheshkumar-novice/patch-1
palashmon Jun 5, 2021
8a3ea7a
Merge branch 'master' into patch-2
filipkowal Jun 22, 2021
8966f8d
Merge pull request #422 from filipkowal/patch-2
palashmon Jun 22, 2021
fb7eed5
Update style.css
ManuKashyap01 Jan 27, 2022
d6e74c1
Merge pull request #499 from ManuKashyap01/patch-1
palashmon Jan 28, 2022
0fcdcfb
chore: implement JavaScript 30 in RxJS and Angular
railsstudent Oct 30, 2022
30a4137
Merge pull request #546 from railsstudent/chore/alternative-implement…
palashmon Oct 31, 2022
47f3126
chore: implement JavaScript 30 in RxJS and Angular
cjiayu03 Nov 18, 2022
7db03ba
Merge pull request #550 from c00kie123/edit
palashmon Nov 23, 2022
64ff979
Update README.md
KellyCHI22 Jan 9, 2023
3a150a0
Merge pull request #567 from KellyCHI22/new_branch
palashmon Jan 9, 2023
6ad1c02
Update readme.md
piyush280599 Jan 16, 2023
c5eba5f
Merge pull request #1 from piyush280599/piyush280599-patch-1
piyush280599 Jan 16, 2023
00add69
Merge pull request #570 from piyush280599/master
palashmon Jan 16, 2023
5547fc0
Add favicons to projects as favicon.ico errors were throwing learners
wesbos Jan 27, 2023
077b9bd
🔥 add fav icons
wesbos Jan 27, 2023
707e205
Update readme.md
itwxb Mar 10, 2023
b147ab2
Merge pull request #586 from itwxb/master
wesbos Mar 10, 2023
25cc793
add local cornify that works
wesbos May 12, 2023
9025315
add my project link in the readme
issam-seghir Sep 5, 2023
7c04fd5
Merge pull request #617 from issam-seghir/pull-request
palashmon Sep 12, 2023
97a08d6
fix: link and typos in readme
palashmon Mar 30, 2024
6b98a14
Merge pull request #659 from wesbos/fix/readme-typo
palashmon Mar 30, 2024
a23f7ec
Add my project link in the readme (#699)
A-aronYang Jan 7, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,4 @@
node_modules/
*.log
haters/
.idea/
Binary file added 01 - JavaScript Drum Kit/background.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions 01 - JavaScript Drum Kit/index-FINISHED.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>JS Drum Kit</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="https://fav.farm/✅" />
</head>
<body>

Expand Down
1 change: 1 addition & 0 deletions 01 - JavaScript Drum Kit/index-START.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>JS Drum Kit</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="https://fav.farm/🔥" />
</head>
<body>

Expand Down
83 changes: 0 additions & 83 deletions 01 - JavaScript Drum Kit/index.html

This file was deleted.

Binary file modified 01 - JavaScript Drum Kit/sounds/tink.wav
100755 → 100644
Binary file not shown.
39 changes: 20 additions & 19 deletions 01 - JavaScript Drum Kit/style.css
Original file line number Diff line number Diff line change
@@ -1,50 +1,51 @@
html {
font-size: 10px;
background:url(http://github.com/%3Cspan%20class=%22x%20x-first%20x-last%22%3Ehttp://i.imgur.com/b9r5sEL%3C/span%3E.jpg) bottom center;
background: url(http://github.com/%3Cspan%20class=%22x%20x-first%20x-last%22%3E'./background%3C/span%3E.jpg%3Cspan%20class=%22x%20x-first%20x-last%22%3E'%3C/span%3E) bottom center;
background-size: cover;
}

body,html {
margin: 0;
padding: 0;
font-family: sans-serif;
}

.keys {
display:flex;
flex:1;
min-height:100vh;
display: flex;
flex: 1;
min-height: 100vh;
align-items: center;
justify-content: center;
}

.key {
border:4px solid black;
border-radius:5px;
margin:1rem;
border: .4rem solid black;
border-radius: .5rem;
margin: 1rem;
font-size: 1.5rem;
padding:1rem .5rem;
transition:all .07s;
width:100px;
padding: 1rem .5rem;
transition: all .07s ease;
width: 10rem;
text-align: center;
color:white;
background:rgba(0,0,0,0.4);
text-shadow:0 0 5px black;
color: white;
background: rgba(0,0,0,0.4);
text-shadow: 0 0 .5rem black;
}

.playing {
transform:scale(1.1);
border-color:#ffc600;
box-shadow: 0 0 10px #ffc600;
transform: scale(1.1);
border-color: #ffc600;
box-shadow: 0 0 1rem #ffc600;
}

kbd {
display: block;
font-size: 40px;
font-size: 4rem;
}

.sound {
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: 1px;
color:#ffc600;
letter-spacing: .1rem;
color: #ffc600;
}
96 changes: 0 additions & 96 deletions 02 - JS + CSS Clock/index.html

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<title>JS + CSS Clock</title>
<link rel="icon" href="https://fav.farm/✅" />
</head>
<body>

Expand All @@ -18,29 +19,30 @@

<style>
html {
background:#018DED url(http://github.com/%3Cspan%20class=%22x%20x-first%20x-last%22%3Ehttp%3C/span%3E://unsplash.it/1500/1000?image=881&blur=%3Cspan%20class=%22x%20x-first%20x-last%22%3E50%3C/span%3E);
background-size:cover;
font-family:'helvetica neue';
background: #018DED url(http://github.com/%3Cspan%20class=%22x%20x-first%20x-last%22%3Ehttps%3C/span%3E://unsplash.it/1500/1000?image=881&blur=%3Cspan%20class=%22x%20x-first%20x-last%22%3E5%3C/span%3E);
background-size: cover;
font-family: 'helvetica neue';
text-align: center;
font-size: 10px;
}

body {
margin: 0;
font-size: 2rem;
display:flex;
flex:1;
display: flex;
flex: 1;
min-height: 100vh;
align-items: center;
}

.clock {
width: 30rem;
height: 30rem;
border:20px solid white;
border-radius:50%;
margin:50px auto;
border: 20px solid white;
border-radius: 50%;
margin: 50px auto;
position: relative;
padding:2rem;
padding: 2rem;
box-shadow:
0 0 0 4px rgba(0,0,0,0.1),
inset 0 0 0 3px #EFEFEF,
Expand All @@ -56,11 +58,11 @@
}

.hand {
width:50%;
height:6px;
background:black;
width: 50%;
height: 6px;
background: black;
position: absolute;
top:50%;
top: 50%;
transform-origin: 100%;
transform: rotate(90deg);
transition: all 0.05s;
Expand All @@ -81,11 +83,11 @@
secondHand.style.transform = `rotate(${secondsDegrees}deg)`;

const mins = now.getMinutes();
const minsDegrees = ((mins / 60) * 360) + 90;
const minsDegrees = ((mins / 60) * 360) + ((seconds/60)*6) + 90;
minsHand.style.transform = `rotate(${minsDegrees}deg)`;

const hour = now.getHours();
const hourDegrees = ((mins / 12) * 360) + 90;
const hourDegrees = ((hour / 12) * 360) + ((mins/60)*30) + 90;
hourHand.style.transform = `rotate(${hourDegrees}deg)`;
}

Expand Down
Loading