From 93aeee5fdc3a4a389705133efc370f12b5ecfc05 Mon Sep 17 00:00:00 2001 From: godot Date: Tue, 27 Feb 2024 15:20:24 +0100 Subject: [PATCH] 0-stars basic setup --- README.md | 15 +++ css/card.css | 33 ----- css/doc.css | 15 --- css/interview.css | 14 --- css/login.css | 14 --- css/reborn.css | 14 --- css/screen.css | 310 ---------------------------------------------- css/star.css | 72 +++++++++++ css/style.css | 131 -------------------- css/terminal.css | 14 --- img/moon.png | Bin 0 -> 10345 bytes index.html | 2 +- js/magic.js | 2 +- js/star.js | 18 +++ star.html | 85 +++++++++++++ 15 files changed, 192 insertions(+), 547 deletions(-) delete mode 100644 css/card.css delete mode 100644 css/doc.css delete mode 100644 css/interview.css delete mode 100644 css/login.css delete mode 100644 css/reborn.css delete mode 100644 css/screen.css create mode 100644 css/star.css delete mode 100644 css/style.css delete mode 100644 css/terminal.css create mode 100644 img/moon.png create mode 100644 js/star.js create mode 100644 star.html diff --git a/README.md b/README.md index 213636a..127bc94 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,17 @@ # 0life-web - [ ] nav-flag aby se menil podle toho na cem jsem +- [ ] odemykat secret navigation (vlevo dole) pomoci hledani +- [ ] upravit terminal texty + funkci +- [ ] Docs hover efekt +- [ ] Interview + Login + + +## 0stars +- [ ] zabarvit secret nav +- [ ] efekt meneni cisel stejny jako prejeti kurzorem +- [ ] system upgradu +- [ ] system pasivniho generovani +- [ ] ukladani do cookies +- [ ] odemykani upgradu +- [ ] star aby se ukazoval jinde + diff --git a/css/card.css b/css/card.css deleted file mode 100644 index 4cfc255..0000000 --- a/css/card.css +++ /dev/null @@ -1,33 +0,0 @@ -/* -.card { - width: 100%; - height: 100%; - display: flex; - overflow: hidden; - /* position: relative; *//* - z-index: 1; - background-image: url(../img/planeta.jpg); - left: 0px; - top: 0px; - background-size: 100%; - background-position: 0% 0%; - opacity: 0.6; - position: absolute; - /* animation: pan-image 15s linear infinite; *//* -} -*/ -/* -.card > .card-content { - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-end; - gap: 4rem; - position: relative; - z-index: 10; - margin: 0rem; - padding-bottom: 6rem; - border-radius: 0.6rem; - flex-grow: 1; -} - diff --git a/css/doc.css b/css/doc.css deleted file mode 100644 index 53d90bc..0000000 --- a/css/doc.css +++ /dev/null @@ -1,15 +0,0 @@ -.nav > #doc { - background-color: rgb(var(--primary-rgb)); - border-color: rgb(var(--secondary-rgb)); - flex-grow: 4; - width: 90%; - border-right-width: 0px; - font-size: 140%; - } - - -.nav > #doc:hover { - flex-grow: 5; - width: 100%; - } - \ No newline at end of file diff --git a/css/interview.css b/css/interview.css deleted file mode 100644 index 8698bfc..0000000 --- a/css/interview.css +++ /dev/null @@ -1,14 +0,0 @@ -.nav > #interview { - background-color: rgb(var(--primary-rgb)); - border-color: rgb(var(--secondary-rgb)); - flex-grow: 4; - width: 90%; - border-right-width: 0px; - font-size: 140%; -} - -.nav > #interview:hover { - flex-grow: 5; - width: 100%; - } - \ No newline at end of file diff --git a/css/login.css b/css/login.css deleted file mode 100644 index 5c88c32..0000000 --- a/css/login.css +++ /dev/null @@ -1,14 +0,0 @@ -.nav > #login { - background-color: rgb(var(--primary-rgb)); - border-color: rgb(var(--secondary-rgb)); - flex-grow: 4; - width: 90%; - border-right-width: 0px; - font-size: 140%; -} - -.nav > #login:hover { - flex-grow: 5; - width: 100%; - } - \ No newline at end of file diff --git a/css/reborn.css b/css/reborn.css deleted file mode 100644 index 8a073bd..0000000 --- a/css/reborn.css +++ /dev/null @@ -1,14 +0,0 @@ -.nav > #reborn { - background-color: rgb(var(--primary-rgb)); - border-color: rgb(var(--secondary-rgb)); - flex-grow: 4; - width: 90%; - border-right-width: 0px; - font-size: 140%; -} - -.nav > #reborn:hover { - flex-grow: 5; - width: 100%; - } - \ No newline at end of file diff --git a/css/screen.css b/css/screen.css deleted file mode 100644 index 7062daf..0000000 --- a/css/screen.css +++ /dev/null @@ -1,310 +0,0 @@ -/* -.screen { - width: 100vw; - height: 100vh; - display: flex; - border: 3px solid rgb(var(--primary-rgb) / 80%); - /*aspect-ratio: 10 / 16;*//* - border-radius: 1rem; - background-color: rgb(var(--primary-rgb) / 15%); - overflow: hidden; - position: relative; - z-index: 10; -} -*/9/* -.screen:after, -.screen:before { - content: ""; - height: 5px; - position: absolute; - z-index: 4; - left: 50%; - translate: -50% 0%; - background-color: white; -} - -.screen:before { - width: 15%; - top: 0rem; - border-bottom-left-radius: 1rem; - border-bottom-right-radius: 1rem; -} - -.screen:after { - width: 25%; - bottom: 0rem; - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; -}*/ - -@keyframes pan-overlay { - from { - background-position: 0% 0%; - } - - to { - background-position: 0% -100%; - } -} -/* -.screen-overlay { - background: linear-gradient( - rgb(var(--primary-rgb) / 0.15), - rgb(var(--primary-rgb) / 0.15) 3px, - transparent 3px, - transparent 9px - ); - background-size: 100% 9px; - height: 100%; - width: 100%; - animation: pan-overlay 22s infinite linear; - position: absolute; - z-index: 2; - left: 0px; - top: 0px; -}*/ - -@keyframes pan-image { - 0% { - background-position: 36% 42%; - background-size: 200%; - } - - 20% { - background-position: 30% 35%; - background-size: 200%; - } - - 20.0001% { /* -- View 2 -- */ - background-position: 60% 85%; - background-size: 500%; - } - - 40% { - background-position: 49% 81%; - background-size: 500%; - } - - 40.0001% { /* -- View 3 -- */ - background-position: 80% 42%; - background-size: 300%; - } - - 60% { - background-position: 84% 33%; - background-size: 300%; - } - - 60.0001% { /* -- View 4 -- */ - background-position: 0% 0%; - background-size: 300%; - } - - 80% { - background-position: 15% 4%; - background-size: 300%; - } - - 80.0001% { /* -- View 5 -- */ - background-position: 80% 10%; - background-size: 300%; - } - - 100% { - background-position: 72% 14%; - background-size: 300%; - } -} -/* -.screen > .screen-image { - background-image: url("https://images.unsplash.com/photo-1515266591878-f93e32bc5937?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2574&q=80"); - height: 100%; - width: 100%; - position: absolute; - z-index: 1; - left: 0px; - top: 0px; - background-size: 300%; - background-position: 0% 0%; - filter: sepia(100%) hue-rotate(160deg); - opacity: 0.6; - animation: pan-image 15s linear infinite; -} -*//* -.screen > .screen-content { - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-end; - flex-grow: 1; - gap: 4rem; - position: relative; - z-index: 3; - margin: 1rem; - padding-bottom: 6rem; - border: 1px solid rgb(var(--primary-rgb) / 50%); - border-radius: 0.6rem; -}*/ - -.screen > .screen-content > .screen-icon { - color: white; - font-size: 4rem; - text-shadow: 0px 0px 0.5rem white; -} - -.screen > .screen-content > .screen-user{ - display: flex; - flex-direction: column; - align-items: center; - gap: 1rem; - position: relative; -} - -.screen > .screen-content > .screen-user:before, -.screen > .screen-content > .screen-user:after { - content: ""; - position: absolute; - top: 0px; - background-color: rgb(var(--primary-rgb)); - border-radius: 1rem; - box-shadow: 0px 0px 8px 3px rgb(var(--primary-rgb) / 60%); -} - -.screen > .screen-content > .screen-user:before { - height: 2px; - width: 50px; - translate: -20px -1rem; - opacity: 0.75; -} - -.screen > .screen-content > .screen-user:after { - height: 3px; - width: 30px; - translate: 26px calc(-1rem - 0.5px); -} - -.screen > .screen-content > .screen-user > :is(.name, .link) { - font-family: "Source Code Pro", monospace; - color: white; - text-align: center; - text-transform: uppercase; -} - -.screen > .screen-content > .screen-user > .name { - position: relative; - font-size: 4.25rem; - font-weight: 400; -} - -.screen > .screen-content > .screen-user > .name:before, -.screen > .screen-content > .screen-user > .name:after { - content: ""; - height: 4px; - width: 4px; - position: absolute; - border: 2px solid white; - border-radius: 2px; -} - -.screen > .screen-content > .screen-user > .name:before { - top: 45%; - right: -1.5rem; -} - -.screen > .screen-content > .screen-user > .name:after { - top: 45%; - left: -1.5rem; -} - -.screen > .screen-content > .screen-user > .link { - opacity: 0.8; - font-size: 1.5rem; - text-shadow: 0px 0px 0.5rem white; - font-weight: 400; - letter-spacing: 0.3rem; - text-decoration: none; -} - -.screen > .screen-content > .screen-user > .link:is(:hover, :focus) { - text-decoration: underline; -} - -@media(max-width: 700px) { - .screen { - scale: 0.6; - margin-bottom: 0rem; - } -} - -/* -- Blob effect -- - -@keyframes rotate { - from { - rotate: 0deg; - } - - 50% { - scale: 1 1.5; - } - - to { - rotate: 360deg; - } -} - -*//* -- Links -- - -#links { - display: flex; - flex-direction: column; - gap: 0.5rem; - position: absolute; - top: 0px; - left: 0px; - z-index: 10; - padding: 1rem; -} - -.meta-link { - display: flex; - align-items: center; - gap: 0.5rem; -} - -.meta-link > :is(span, a) { - font-family: "Rubik", sans-serif; - font-size: 0.9rem; - color: white; -} - -.meta-link > .label { - width: 160px; - text-align: right; -} - -.meta-link > a { - text-decoration: none; - outline: none; -} - -.meta-link > a.source { - color: rgb(94, 106, 210); -} - -.meta-link > a:is(:hover, :focus) > i { - color: white; -} - -.meta-link > a.youtube { - color: rgb(239, 83, 80); -} - -.meta-link > a.youtube > i { - padding-top: 0.2rem; -} - -.meta-link > a > i { - height: 1rem; - line-height: 1rem; -} - diff --git a/css/star.css b/css/star.css new file mode 100644 index 0000000..e6d7bad --- /dev/null +++ b/css/star.css @@ -0,0 +1,72 @@ +/* NAV STAR */ + +.nav-star { + position: fixed; + left: auto; + right: 0px; + height: 100%; + width: 10%; + z-index: 7; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: flex-end; +} + +.nav-star > .nav-gap { + flex-grow: 1; + background-color: none; +} + +.nav-star > .nav-price { + background-color: rgb(var(--detail-rgb)); + border-color: rgb(var(--detail-rgb)); + border-top-left-radius: 15px; + border-bottom-left-radius: 15px; + border-width: 5px; + border-style:solid; + + flex-grow: 2; + display: flex; + justify-content: center; + align-items: center; + + color: black; + text-decoration: none; + width: 70%; + font-family: "Source Code Pro", monospace; + font-size: fill; + + transition: + border-color 0.3s, + border-width 0.3s, + border-right-width 0.3s, + flex-grow 0.3s, + font-size 0.3s, + width 0.3s; +} + +.nav-star > .nav-price:hover { + border-color: rgb(var(--secondary-rgb)); + border-width: 10px; + border-right-width: 0px; + flex-grow: 5; + font-size: 140%; + width: 100%; +} + +/* Div to draw star */ + +.star-field { + position: absolute; + width: 100%; + height: 100%; +} + +.star-field > #stars { + position: relative; + z-index: 9; + + width: 200px; + height: 200px; +} diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 78a5258..0000000 --- a/css/style.css +++ /dev/null @@ -1,131 +0,0 @@ -body { - margin: 0; - padding: 15px 20px; - min-height: 99%; - width: 100%; - min-width: 550px; - color: #519975; - background: #211D1B; - font-family: cursor, monospace; - overflow-x: hidden; - } - ::selection { - color: #211830; - background-color: #519975; - } - ::-moz-selection { - color: #211830; - background-color: #519975; - } - textarea { - left: -1000px; - position: absolute; - } - b { - font-weight: bold; - text-decoration: underline; - } - /* Cursor Start */ - .cursor { - font-size: 12px; - color: #73ABAD; - background-color: #73ABAD; - position: relative; - opacity: 1; - height: 1.5em; - width: 10px; - max-width: 10px; - transform: translateY(4px); - overflow: hidden; - text-indent: -5px; - display: inline-block; - text-decoration: blink; - animation: blinker 1s linear infinite; - } - @keyframes blinker { - 50% { - opacity: 0; - } - } - #command { - cursor: text; - height: 50px; - color: #73ABAD; - } - #liner { - line-height: 1.3em; - margin-top: -2px; - animation: show 0.5s ease forwards; - animation-delay: 1.2s; - opacity: 0; - } - #liner::before { - color: #519975; - content: "visitor@fkcodes.com:~$"; - } - #liner.password::before { - content: "Password:"; - } - @keyframes show { - from { - opacity: 0; - } - to { - opacity: 1; - } - } - /* Cursor End */ - p { - display: block; - line-height: 1.3em; - margin: 0; - overflow: hidden; - white-space: nowrap; - margin: 0; - letter-spacing: 0.05em; - animation: typing 0.5s steps(30, end); - } - .no-animation { - animation: typing 0 steps(30, end); - } - .margin { - margin-left: 20px; - } - @keyframes typing { - from { - width: 0; - } - to { - width: 100%; - } - } - .index { - color: #DCDCCC; - } - .color2 { - color: #B89076; - } - .command { - color: #73ABAD; - text-shadow: 0 0 5px #73ABAD; - } - .error { - color: #B89076; - } - .white { - color: #fff; - } - .inherit, - a { - color: #9C8394; - } - a { - text-decoration: inherit; - } - a:hover { - background: #73ABAD; - color: #211830; - } - a:focus { - outline: 0; - } \ No newline at end of file diff --git a/css/terminal.css b/css/terminal.css deleted file mode 100644 index eb8755e..0000000 --- a/css/terminal.css +++ /dev/null @@ -1,14 +0,0 @@ -.nav > #terminal { - background-color: rgb(var(--primary-rgb)); - border-color: rgb(var(--secondary-rgb)); - flex-grow: 4; - width: 90%; - border-right-width: 0px; - font-size: 140%; -} - -.nav > #terminal:hover { - flex-grow: 5; - width: 100%; - } - \ No newline at end of file diff --git a/img/moon.png b/img/moon.png new file mode 100644 index 0000000000000000000000000000000000000000..e20689904dd2f7e36cc5a792b60acbe0b97fd3fa GIT binary patch literal 10345 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 t_wDo8~(WO?q znI5i4o94c$3k+%MVkv?B1rmr1buDdOokUVd;M5^5__%w2F?sQGKWEe2(;Ig1wPQW$ zeHZl6h{{+xIIJmkL~<^1LDIy;a0BTx$TST(0>+K>8VKutK82hnhmEDB1z1k6w?3ya z?l%9P-giY%3THsc&e~CH-#dZg70K!)3)?DikSHs3ZocI z=im$j#R*rnurVnoEZ^LL|40s+7_Y;!66edZtBBsp1++>=)0bZQ5`bl;-8{luB~%5 zXH$O7hoVPwG^%hFY|qSwP?x4GgXs)!XA@Z$*{JE~Xfpc)Tn^EdJFF4D!d^Qj@&yOC zbtdU6OKCnL?lPCE2$e*g0 z;&4(7W~|vf?Nyl{qriWTk_ip;La9!gl{%&MA=Q?(b8=Z zT?>Y*VWAEcaFrahjQ2;NdKaaAy*IYba5w2`VoZ;M{gxKyu4$QF{ z?rD+x$4J9iQX(*z+QdVzm;8}`uK(|N`7h(UXTC5yaAWGk_A|MlIvo`A15Q-GhBDj% zN=~kM5!rCsY#|CV${x-x#$QnicC$sQzwwCOw(NyaMRB{eATcYPDbsiJ{AG0Pn$s5u z*D%J#aind3(%Lt_%}1BL@!GC^yFoC^*7=5oVyjXHFjs}9q7ZBO+!X;_P+j;fBZG8F zV$0j~$ahit?8dh)h47!V<~E32akv6#q^a8vQtEPJrmp`BF56tC&f?3)T|un6*9igtF>EH8G= zm+k%Xdr~joXX{N0XDsgGJH*w}Z*=tYV1@>E7PN?WIle?RtK(yzByx^@rhwbbE~6X$ z7I+R?Z=_gceOCJltrznnp0O!nH8`c%mIRIFO>F9Yx4k(8qr>fHv#hPN&4VkKD~2R3 zcUic~mBVTpElha+R!vY!|T^|^k6>ftV> zkyCN-S7?FGxWQB$A6fgfESKKxnhAV2F!ho1=TvW%PE}H@QA)Y z;3)1<$J>mZe)jXe&t?+@vWI1Oz&AXI1PE?h45TJ}wy)HcCgweVNE38krV1(ENza+P zyPNf5WVoE9o_$$f<;Y}NPWIvwl{_2u*}5R-p%GuO`LOM}_<2#q8%_ zPUUh-I?f8BkSBdfxb;g{kbSxmekxf_^U4<3RtRqrrP57nv*6-?!Tk&Q?oS_4seSrf zZecXMrP`7bdeL@&O+b$sSnIMf)Wz$<(Gi#_Si1K@lt7S=o&cIy+32d?T8hM;H-ds5z+#H`Sy0_u`$7FA1NVcw$ z`m=a!xa{p3KEaKFkzEDLz$?auOIYWu_XWJ)pN|MP*f5B#za)Qr{Ub?WG~V1+)t6!U z6cNJbC?=bgm0ZMK6pBpOaOsEbXg{M;d2@9>vNN0(Rr`32nwP@inDbs!KE;EueEvvw zD`P%FqOuzt&Z~jq50u{WVql^$Fw`kk)}csRp8xoq!pYZ7h+PTx7KniyQcdV(ku0y z-3*~jMa|>+sBqgRXuGC+=s4)$XvC2sp_))St68?s z?(O-Qkzw||X@jo2M^cDGgJ(~4FW5p^uP&=)xsvLK3VCvzBb|Y>OeHrmv^`vv>CDSo zMs$Y72?b$RE!}O5GR*MVzo0Z>eJp()9QK-iUa=~JKP%LYP*W??07_#0w$FHQ=WVmM z?QOM+zN6$_{R#uWbcNc3Ed?$?!`?Lqs~Rs6yJ^B@j)>IWMvwO+Th|6AQn&TWe*IdP zzx=R#?tjQJqYKpitv#}gg4YVJ&`(x5Y)@r%hSE2?(Tj26o^9SF*}5p-FU!kixcd}7 zpEJZ>I4m;8;2mY@uVq+Kp=njo>mFrEEk_{?xFcW29Nd2U4{g`;+$NTUp%QuC5!Gy_ ze8#M~dV?T3PDvQ%=maBk^a%8n<1Qw`M?5kPfA;p*4UX;g>?Bjdsg#ve%K55k`t^^m zzc=&SHn+bl0^7Nmlsr@~AJwp6%qIt2iB?&?(*rAyS&x$4B%6dREv%MtI*|0|eb&yq znO8cQb!6YD#p4Dr?raHN9K7{VO<-mT#HiAdYEo!eg2OGj7=6(G*R$9E-vg!R*0yQ8 z5A@9E+i*x|20lDW2m2dbS0q63y|xg7PQaZDYhg*nX@ z*Q%)V?$Wkj7#Bg8j0^8vWRW=-BO}2A0jxIIh3W|%!|AtL4t$e@Od=2jnNvW`g+o-f|AD9zOWk+p~!?M z;GS4EFwQx+M8rJJAWCv%%c?)pY8V)< z;mXWChw9_%#>+2rJ|$A$zyCPW9aWu(*{9pzn&~21*snMPlxph&{RR#Qs4k#igj_p1xO3J)73?5`>(=9OS~qphEh1D638r}LM8!y4xyEI0E ztIVl6edEvDg{uQwe+K%4a+ejUrYQ)QU%ZXW1CuA@g^ zeTf#dSH0y`BwKV8*|f;hVhRjF6fOg*ffGODQzH9tF#=rdZx~iHolfTa?&7GlUq2!! z%XQvksx)WmrxDCTaWN6wpdvKogYo5ZTq^nxo z1YzuKar)MhnuCQ^v34ybkVW2WGH`D0-`|b_m#_S!u-Gc9dh3(Q{@*q(FLFe2wT-yl z=$8FO0vr=Wmaxe23o_h%`%Fuz?o~4iTv*qfPO^u+eY2=e{{*f}aM4KbXY5iDGu(*P z$8z4Cf#8&s?RtK$MuCf;I(@L!I&gFxI_|5!D@#bR5CD*qA>vZ5ju{UHv4|Dqi(YUF z+iW`d-7v4GY0{pZ>OE*Sp6IVsAwJXeR?l%eD+zb3KmNC++)|r3Y z?l10*89`dS?h6G*6gbidHsz4)w*zk*+swFsh~e@nOs2lPHb#Kk8E+bOVH{=c$G0Gd zE!Qtg2%!ybt8lvvn1UCvb>YeV(ih*5Bk~5IPE#E7W}Cto1Fq2=-KnNaE~eA>R4!aO zi`U>%wM(7=T{OsXY*D{gy8y(eMJamU45LI{};yJfvfINM<|so^0iy;%4Odd z>*v3cd4neg`bW(ZE2#9)Q9+&%MRE_7XzcbYNeQ-r@?sNNe*xofRuhxCWtbBuTH7az zQnC7}AFw)J+~3?o9=pR{xTfciF?GbZD+c^x@elL!SK;T&Q=2MIR4@d)3dUJXxkolU#4Eno;03DmAUu z=U+~}jz?#|Uk-4Yv|m@0*o0(b45m3fh=Q2abs2AtD}&oq)~9$SDTRQ)7i3H0@NiYz zG%Xo7$lfgH#+G72?Z+}v$H<{{W4`jSVtq#t?_f{VkOdU;_~J^I= z4OeCD*6$kCyqS01ic(a1;AI4LvE8DSh=9tb+OY^f9|?uly&$E=-6FinA&(y-7eUVs zp@=r08Ha{TNHd&h$H`s0q6bL!ENWJoi@A?LfWiIXO^*JCEX=3n@=|tSxUTF04+k*! zNa<%G=$d0h1_}yh=dE-hO_{Cut-W??j$WZKgODUfLSG6i?9LToyyHYco<0R!Up5ul zxb25#6u1+knL^bQ46)O-J*-{Jx38uJ-sKqlf?n5wag(l%61kmuSa3!2&)l%|6|Cvp!BQv$Y(sEd8hrP()Zgh z#u#wBv}>AG?p;41CEPuHt9Q`L$I!2IL1K!z7-P?sqc`j&Wyl#sx|lGMRT;3CW?#>m zgTrNQVyI4fdb8)t*B3G~mBI|X3n5(%_QYo$vm3JybGDEVA_0%S;H7P39NxMUzD~$k zd3jiPi^poc-pD|Q;O1K32L_zYN24pn|0$BGEe8vI;}5DwLw!@dvzt*WFm=cft4pxaKNTU1Ky@ z_uaae?t)2e?xSF}-S?81WmRxR$r`}1Y}9Ijn{$TK^8s2Iw+-g^AFb)3;TnrOg?nVu z)y&&E`%<_c)nX9qvZG?_&^yML%Ai%p_XPkq+GGL5_<0djVi;r?u)&0}Y8Uls`2pc7 zGn*c(v{R{fbsE-#OxF;_AlF5qOH)NA3(7Do3$-xXJm{(BqVm|kWG(OB&+o6T>7n6L z0YNX@iE6#gn=0h6^_1&cmyimfawn$W5x8MHJbK29ns-*{TqN^2im~5{FQi@gI6pX` zGbrCO9&X<)SDPzG%A5YePf2u9n#DH63yPuuvZbt8v&yoEtv}4Ena?8nA-%Lvn%#f? zZWupc-ERK#JfMe{du8#BwonUaff*LiROWzCkyZ6FD7XpMpSzyNQkuAAhR?Nri>^!6 z(l{_&Re7@ zP0GZR<~}A`J6%Xg)QM7P89A6q#w!A;a09Rf# z_(CFQ1ifd?)!AX;np2fFZQ7o9dn_Az!FwSs3~?-WQ9y|1Am3Q4MuaiJJitS@G2AIZ;VaOvjO|?tvUe1@zfN%{NhP7QQ+Rk(0 zkME`TEXoZRD6K%%ONdk;%?$@NDD9M>b^>@4AEfi1(i_hQ%kZ(_*P6>2v?*Lq2| z`0}<0t6S@VW15hXsqT#-r1X5|=21$*uocTO!GWoH=1enDZ#D*8oK(6P))qLjG znOXAr)OV}(qY?x-uoB(Bq}DG&@*9~Vn!VjB>35|$ENUXI{2{n$ZZ5iCr@{X-(0ub@ zNgHYx()P+(v5w@a-t|{nXqS17bx2fxipY4YBB6(gvT@2BpmkN$DD$~|L!{mQo1y&* zH}^kqo3kbeFPcW4L+gj@%Y21Gv~?*6?qn08R8nJPHMMHUfE+tu5zn@W3Mkn{Zlioz zf~cIm0#3Kn^E=HP5bo~wTQKcTr!vqz*+~CXM)rLcXpfWXLzAv zf`o;bpvU`9ho<^rl1$@%5QD-!x&7;pX}7m#?ea&|)$!x%S&hU@hLP{*Vc_M_29+n8 zIVdB9C5viQ=13}6;>f{>;qs+v_|5)G+?hkd6@N~RaOvEBes>kfP?khh4}s&PTFX#j zJ1;j`7+NUmhP55#wY+wNeDL#+Kdrl`aN{Yqr7H z;v;S_yXm)JmB9?UFi=YoR>*)>GM>0KSQ3-N8z3d8CeuUgZ+N|t2e{L6{h~l zDl2X~>)Ye3qOR3qQaoO@gp7%ah3`CMVnEvmGKuQzA|9HQgV+15{*0Q)6RrvEtu>v^ z<%1RU-KeCg*`PL!u@#%xLKNnQu1pn@o(@O5Bt39s2g-mIddOHxaUi%toKGJoy|GQ? z^E{8ahfih^#Lq-7E6EdTfapl8;@yv-Oj`#kJdSafyZA#V4h8p(HFfVtE7+hMp;E~$ z2y>~V2LmovXxiXXq>N}VdIgRkQN%AB<#kJ^>yZkiWfgJXqbd{iPoE8OIJm+*Q3bwUtY6z3thPW$UjWgtbZ5TI zD2u#MyNea=ktQ@)tff1SmPlZJ*7^3i?Illr+bJqh)JlNvm`Nb>iAfl)>#&IJ9AsVS z*ZsyZMdMTC)upU>cF2!m>_V!~R}@7*3+@vGP2fT>VIWHTpa zGN$#&3{q~E!UF7WF{44OhlMLN{oF3s8&a&$nz2X*AO3VDUgMKA2RlYc6XH1wE^}T}i>YU7G(3?^j{m5si>f9RI?&n9721Qt z6~efcoh5E>Sle8&R6gGmG;6uzF&LWX@oj74l?2ed1?bN$(EGi5+#b1 z41g0}lm@)bF1j$qQQ?}W!9)h(PR`5QP&HMHP7v*8FkNWxGERCE&eo6#Nwkab&NR&9 z!ZpuaJBEx<70|(gAnVD%KRaq62Q$u2pY>wqs|;!`HA6Fx4OeEz*36M8X$J>tWf8$8 z_Kq1wb+}ZFY`J%`b!XS6_8fdK*O9$jPkf0tjxu&!y*==`VqS>fued-XxbLKXypl$1 z{vNodxhUOLqEsM0O@HQn9L~e(rfTsRKHbT+scWY3o8TIzep9bfl%42uh@!p(krC@i z0%B|)i*OUW<+9Pcff|yZ`8K0n*Hwzq)NHY8<5)qQC>PHhDnrQU@kRH-KnhdS&=>U# z4c;)`oP`xROP*c)3VxV*t)FijQw#|AxjjGlI&mivm2*fYRIrzz2dx0t;JEdwk+H@w z!>wN4QKcDrvM!5NN@k3{f{?nvkqal%HLsc%;~ThN4K@J-px7V*KMq$b|HZ?(iq{60 z4XaCX8oxoCjO)7c8uKtac*I~o)S&6LjegH6zHYd1#}vV6{2ab|xJP(7!X4p`a7VZ! z+#|ysFbqA$%MtDfcZ55_9pR2}N4O*05$>yaIfmyWT>0`RMjlj*q-ME600000NkvXX Hu0mjfK&gaM literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 69a2e5e..b2b3685 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,7 @@
- 1 + 1 2 3 diff --git a/js/magic.js b/js/magic.js index d4933f8..93c7dfd 100644 --- a/js/magic.js +++ b/js/magic.js @@ -29,4 +29,4 @@ screen.onmouseenter = event => { iteration += 1 / 3; }, 30); -} \ No newline at end of file +} diff --git a/js/star.js b/js/star.js new file mode 100644 index 0000000..411b777 --- /dev/null +++ b/js/star.js @@ -0,0 +1,18 @@ +let star = 0; +let starGained = 0; + +function starClicked() { + star ++; + starGained ++; + + changeName(); +}; + +function changeName() { + let vidis = document.getElementById('name').innerText; + let num = vidis.split('-'); + let show = star + '-Stars'; + + document.getElementById('name').innerText = show; + document.getElementById('name').dataset.value = show; +}; diff --git a/star.html b/star.html new file mode 100644 index 0000000..0511a80 --- /dev/null +++ b/star.html @@ -0,0 +1,85 @@ + + + + + + Stars Reborn + + + + + + + + + + + + + +
+ + nav-0 + + nav-1 + + nav-2 + + nav-3 + + nav-4 + + nav-5 + + nav-6 + + nav-7 + + nav-8 + + nav-9 + + nav-10 + + nav-11 + + nav-12 +
+ + + + +
+ 1 + 2 + 3 +
+ + + + +
+ +
+ + + + +
+
+
+
0-Life
+ REBORN +
+ + + + + + + + + + +
+