diff --git a/404.css b/404.css index a5e35a4..20eebc4 100644 --- a/404.css +++ b/404.css @@ -1,26 +1,4 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} - -body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - margin: 0; - font-family: monospace; - background-color: #2a2a2a; - transition: background-color 0.3s, color 0.3s; - color: white; - font-family: 'Hack', 'JetBrainsMono', monospace; -} - +@import url(/global.css); .main { text-align: center; @@ -32,16 +10,6 @@ body { max-width: 30vw; } -a { - color: #c099ff; -} - -::selection { - background-color: #c099ff; - color: #2a2a2a; -} - - h1 { font-size: 1.5rem; } diff --git a/404.html b/404.html index 628299f..517a845 100644 --- a/404.html +++ b/404.html @@ -9,9 +9,9 @@
-

Eror: 404 Not Found

-

Looks like you found an unfinished site or were redirected to the wrong page!

-

Go back to the main page or open an issue on my GitHub

+

❌ Eror: 404 Not Found ❌

+

Looks like you found an unfinished site or were redirected to the wrong page!

+

Go back to the main page or open an issue on my GitHub

\ No newline at end of file diff --git a/autist/style.css b/autist/style.css index 9daa8d8..2d3bc03 100644 --- a/autist/style.css +++ b/autist/style.css @@ -1,32 +1,4 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} - -body { - background-color: #505050; - color: white; - font-family: monospace; - margin: 0; - display: flex; - justify-content: center; - align-items: center; - text-align: center; - min-height: 100vh; - padding: 20px; - flex-direction: column; - overflow: hidden; - font-family: 'Hack', 'JetBrainsMono', monospace; -} - -* { - font-family: 'Hack', 'JetBrainsMono', monospace; -} +@import url(/global.css); .top { top: 0; @@ -42,11 +14,6 @@ marquee { width: 100%; } -::selection { - color: white; - background-color: #b49cdf; -} - button:not(#toggle) { color: white; background-color: #b49cdf; @@ -91,16 +58,6 @@ button:hover:not(#toggle) { transform: scale(1.1); } -a { - text-decoration: underline; - color: white; - transition: color 0.1s; -} - -a:hover { - color: #cdb1ff; -} - @media (min-width: 1024px) { .main { max-width: 50%; diff --git a/calc/calc.js b/calc/calc.js deleted file mode 100644 index 380eceb..0000000 --- a/calc/calc.js +++ /dev/null @@ -1,26 +0,0 @@ -const num7 = document.getElementById('7'); -const num8 = document.getElementById('8'); -const num9 = document.getElementById('9'); -const divide = document.getElementById('divide'); -const sqroot = document.getElementById('sqroot'); -const num4 = document.getElementById('4'); -const num5 = document.getElementById('5'); -const num6 = document.getElementById('6'); -const mutiply = document.getElementById('mutiply'); -const percent = document.getElementById('percent'); -const num1 = document.getElementById('1'); -const num2 = document.getElementById('2'); -const num3 = document.getElementById('3'); -const subtract = document.getElementById('subtract'); -const fraction = document.getElementById('fraction'); -const num0 = document.getElementById('0'); -const decimal = document.getElementById('decimal'); -const negative = document.getElementById('negative'); -const add = document.getElementById('add'); -const sum = document.getElementById('sum'); - -const result = document.querySelector('span#resultnum'); - -num7.addEventListener('click', () => { - result.innerHTML = num7.innerHTML; -}) \ No newline at end of file diff --git a/calc/index.html b/calc/index.html deleted file mode 100644 index 92f94b3..0000000 --- a/calc/index.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - Calculator - - - -
-

zyq's calculator

-
- -
-
- -
-
- - - - - - - - - - - - - - - - - - - - -
-
- - - - - \ No newline at end of file diff --git a/calc/style.css b/calc/style.css deleted file mode 100644 index 0f24c43..0000000 --- a/calc/style.css +++ /dev/null @@ -1,91 +0,0 @@ -body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - font-family: monospace; - font-size: small; - background-color: #2a2a2a; - transition: background-color 0.3s, color 0.3s; - color: #f0f0f0; - flex-direction: column; - overflow-x: hidden; - margin: 0; -} - -div.main { - padding: 50px; - text-align: right; - background-color: #909090; - max-width: 350px; - border-radius: 10px; - border: 2px solid #707070; -} - -.result { - width: 98.5%; - height: 40px; - font-size: x-large; - background-color: #505050; - border: 2px solid #757575; - border-radius: 10px; - justify-content: center; - text-align: right; - display: flex; - color: #fff; - cursor: pointer; - transition: background-color 0.2s; - -} - -.buttons { - display: grid; - grid-template-columns: repeat(5, 1fr); - grid-template-rows: repeat(4, 1fr); - gap: 10px; - margin-top: 25px; -} - -button { - cursor: pointer; - padding: 5px 10px; - color: #ccc; - background-color: #464646; - border: 2px solid #505050; - border-radius: 4px; - transition: background-color 0.1s linear; - font-size: large; -} - -#resultnum { - display: flex; - justify-content: center; -} - -button#sum { - cursor: pointer; - padding: 5px 10px; - color: #ddd; - background-color: #b38eed; - border: 2px solid #a986e1; - border-radius: 4px; - transition: background-color 0.1s linear; - font-size: large; -} - -button:hover { - background-color: #565656; - border: 2px solid #606060; - color: #fff; -} - -button#sum:hover { - background-color: #c099ff; - border: 2px solid #b38eed; - color: #fff; -} - -.result:hover { - background-color: #606060; - border: 2px solid #757575; -} \ No newline at end of file diff --git a/click/style.css b/click/style.css index 5e585ce..2f8aaaa 100644 --- a/click/style.css +++ b/click/style.css @@ -1,24 +1,4 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} - -body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - margin: 0; - background-color: #2a2a2a; - user-select: none; - transition: background-color 0.3s, color 0.3s; - font-family: 'Hack', 'JetBrainsMono', monospace; -} +@import url(/global.css); button, p { font-weight: 600; diff --git a/code/index.html b/code/index.html new file mode 100644 index 0000000..34399a5 --- /dev/null +++ b/code/index.html @@ -0,0 +1,1010 @@ + + + + + + + Code Help Stuff + + + + +

Just some code stuff for later

+ +
+
+ C WinAPI Virtual-Key Codes || Link +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ConstantValueDescription
VK_LBUTTON0x01Left mouse button
VK_RBUTTON0x02Right mouse button
VK_CANCEL0x03Control-break processing
VK_MBUTTON0x04Middle mouse button
VK_XBUTTON10x05X1 mouse button
VK_XBUTTON20x06X2 mouse button
-0x07Reserved
VK_BACK0x08BACKSPACE key
VK_TAB0x09TAB key
-0x0A-0BReserved
VK_CLEAR0x0CCLEAR key
VK_RETURN0x0DENTER key
-0x0E-0FUnassigned
VK_SHIFT0x10SHIFT key
VK_CONTROL0x11CTRL key
VK_MENU0x12ALT key
VK_PAUSE0x13PAUSE key
VK_CAPITAL0x14CAPS LOCK key
VK_KANA0x15IME Kana mode
VK_HANGUL0x15IME Hangul mode
VK_IME_ON0x16IME On
VK_JUNJA0x17IME Junja mode
VK_FINAL0x18IME final mode
VK_HANJA0x19IME Hanja mode
VK_KANJI0x19IME Kanji mode
VK_IME_OFF0x1AIME Off
VK_ESCAPE0x1BESC key
VK_CONVERT0x1CIME convert
VK_NONCONVERT0x1DIME nonconvert
VK_ACCEPT0x1EIME accept
VK_MODECHANGE0x1FIME mode change request
VK_SPACE0x20SPACEBAR
VK_PRIOR0x21PAGE UP key
VK_NEXT0x22PAGE DOWN key
VK_END0x23END key
VK_HOME0x24HOME key
VK_LEFT0x25LEFT ARROW key
VK_UP0x26UP ARROW key
VK_RIGHT0x27RIGHT ARROW key
VK_DOWN0x28DOWN ARROW key
VK_SELECT0x29SELECT key
VK_PRINT0x2APRINT key
VK_EXECUTE0x2BEXECUTE key
VK_SNAPSHOT0x2CPRINT SCREEN key
VK_INSERT0x2DINS key
VK_DELETE0x2EDEL key
VK_HELP0x2FHELP key
0x300 key
0x311 key
0x322 key
0x333 key
0x344 key
0x355 key
0x366 key
0x377 key
0x388 key
0x399 key
-0x3A-40Undefined
0x41A key
0x42B key
0x43C key
0x44D key
0x45E key
0x46F key
0x47G key
0x48H key
0x49I key
0x4AJ key
0x4BK key
0x4CL key
0x4DM key
0x4EN key
0x4FO key
0x50P key
0x51Q key
0x52R key
0x53S key
0x54T key
0x55U key
0x56V key
0x57W key
0x58X key
0x59Y key
0x5AZ key
VK_LWIN0x5BLeft Windows key
VK_RWIN0x5CRight Windows key
VK_APPS0x5DApplications key
-0x5EReserved
VK_SLEEP0x5FComputer Sleep key
VK_NUMPAD00x60Numeric keypad 0 key
VK_NUMPAD10x61Numeric keypad 1 key
VK_NUMPAD20x62Numeric keypad 2 key
VK_NUMPAD30x63Numeric keypad 3 key
VK_NUMPAD40x64Numeric keypad 4 key
VK_NUMPAD50x65Numeric keypad 5 key
VK_NUMPAD60x66Numeric keypad 6 key
VK_NUMPAD70x67Numeric keypad 7 key
VK_NUMPAD80x68Numeric keypad 8 key
VK_NUMPAD90x69Numeric keypad 9 key
VK_MULTIPLY0x6AMultiply key
VK_ADD0x6BAdd key
VK_SEPARATOR0x6CSeparator key
VK_SUBTRACT0x6DSubtract key
VK_DECIMAL0x6EDecimal key
VK_DIVIDE0x6FDivide key
VK_F10x70F1 key
VK_F20x71F2 key
VK_F30x72F3 key
VK_F40x73F4 key
VK_F50x74F5 key
VK_F60x75F6 key
VK_F70x76F7 key
VK_F80x77F8 key
VK_F90x78F9 key
VK_F100x79F10 key
VK_F110x7AF11 key
VK_F120x7BF12 key
VK_F130x7CF13 key
VK_F140x7DF14 key
VK_F150x7EF15 key
VK_F160x7FF16 key
VK_F170x80F17 key
VK_F180x81F18 key
VK_F190x82F19 key
VK_F200x83F20 key
VK_F210x84F21 key
VK_F220x85F22 key
VK_F230x86F23 key
VK_F240x87F24 key
-0x88-8FReserved
VK_NUMLOCK0x90NUM LOCK key
VK_SCROLL0x91SCROLL LOCK key
-0x92-96OEM specific
-0x97-9FUnassigned
VK_LSHIFT0xA0Left SHIFT key
VK_RSHIFT0xA1Right SHIFT key
VK_LCONTROL0xA2Left CONTROL key
VK_RCONTROL0xA3Right CONTROL key
VK_LMENU0xA4Left ALT key
VK_RMENU0xA5Right ALT key
VK_BROWSER_BACK0xA6Browser Back key
VK_BROWSER_FORWARD0xA7Browser Forward key
VK_BROWSER_REFRESH0xA8Browser Refresh key
VK_BROWSER_STOP0xA9Browser Stop key
VK_BROWSER_SEARCH0xAABrowser Search key
VK_BROWSER_FAVORITES0xABBrowser Favorites key
VK_BROWSER_HOME0xACBrowser Start and Home key
VK_VOLUME_MUTE0xADVolume Mute key
VK_VOLUME_DOWN0xAEVolume Down key
VK_VOLUME_UP0xAFVolume Up key
VK_MEDIA_NEXT_TRACK0xB0Next Track key
VK_MEDIA_PREV_TRACK0xB1Previous Track key
VK_MEDIA_STOP0xB2Stop Media key
VK_MEDIA_PLAY_PAUSE0xB3Play/Pause Media key
VK_LAUNCH_MAIL0xB4Start Mail key
VK_LAUNCH_MEDIA_SELECT0xB5Select Media key
VK_LAUNCH_APP10xB6Start Application 1 key
VK_LAUNCH_APP20xB7Start Application 2 key
-0xB8-B9Reserved
VK_OEM_10xBAUsed for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the ;: key
VK_OEM_PLUS0xBBFor any country/region, the + key
VK_OEM_COMMA0xBCFor any country/region, the , key
VK_OEM_MINUS0xBDFor any country/region, the - key
VK_OEM_PERIOD0xBEFor any country/region, the . key
VK_OEM_20xBFUsed for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the /? key
VK_OEM_30xC0Used for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the `~ key
-0xC1-DAReserved
VK_OEM_40xDBUsed for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the [{ key
VK_OEM_50xDCUsed for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the \\| key
VK_OEM_60xDDUsed for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the ]} key
VK_OEM_70xDEUsed for miscellaneous characters; it can vary by keyboard. For the US standard + keyboard, + the '" key
VK_OEM_80xDFUsed for miscellaneous characters; it can vary by keyboard.
-0xE0Reserved
-0xE1OEM specific
VK_OEM_1020xE2The <> keys on the US standard keyboard, or the \\| key + on + the non-US 102-key keyboard
-0xE3-E4OEM specific
VK_PROCESSKEY0xE5IME PROCESS key
-0xE6OEM specific
VK_PACKET0xE7Used to pass Unicode characters as if they were keystrokes. The VK_PACKET + key + is the low word of a 32-bit Virtual Key value used for non-keyboard input methods. For + more + information, see Remark in KEYBDINPUT, SendInput, WM_KEYDOWN, and WM_KEYUP
-0xE8Unassigned
-0xE9-F5OEM specific
VK_ATTN0xF6Attn key
VK_CRSEL0xF7CrSel key
VK_EXSEL0xF8ExSel key
VK_EREOF0xF9Erase EOF key
VK_PLAY0xFAPlay key
VK_ZOOM0xFBZoom key
VK_NONAME0xFCReserved
VK_PA10xFDPA1 key
VK_OEM_CLEAR0xFEClear key
+
+
+
+ + + \ No newline at end of file diff --git a/code/style.css b/code/style.css new file mode 100644 index 0000000..42d36ce --- /dev/null +++ b/code/style.css @@ -0,0 +1,208 @@ +@import url(/global.css); + +body { + min-height: 100vh; + margin: 0; + font-size: 1rem; + background-color: #2a2a2a; + color: #f0f0f0; + overflow-x: hidden; + font-family: 'Hack', 'JetBrainsMono', monospace; +} + +h3 { + position: absolute; + top: 30px; +} + +code { + background-color: #404040; + border-radius: 3px; + padding: 0.1em 0.2em; + font-size: 85%; + word-wrap: break-word; +} + +table { + margin-top: 0; + border-collapse: collapse; + table-layout: auto; + font-size: 0.875rem; + align-items: start; +} + +thead { + margin-left: 100px !important; +} + +div[class="has-inner-focus"] { + text-align: left; + width: 600px !important; + max-width: 600px; +} + +th { + padding: 2px; + border-left: 2px solid #505050; +} + +tr { + border: 2px solid #505050; + border-bottom: none; +} + +tr > td { + padding-top: 3px; + padding-bottom: 3px; + border-left: 2px solid #505050; + +} + +td:first-of-type { + padding-left: 3px; + padding-right: 5px; +} + +td:nth-of-type(2) { + padding-right: 20px; + padding-left: 3px; +} + +td:nth-of-type(3) { + padding-left: 3px; +} + +div.main { + position: absolute; + top: 100px; + align-items: start; +} + +summary { + cursor: pointer; + position: sticky; + top: 0; + background-color: #333333; + padding: 0.5em; + border-radius: 5px; + z-index: 10; + text-align: start !important; + font-weight: bold; + max-width: 600px; + display: flex; + justify-content: left; + align-items: center; + user-select: none; +} + +summary > a { + margin-left: 8px; +} + +details[open] > summary { + transition: background-color 0.3s ease; + border-radius: 5px; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} + +details:not([open]) > summary { + width: 600px !important; +} + +details > summary::marker { + content: ''; +} + +summary:hover { + background-color: #444444; +} + +details > summary::before { + content: ''; + display: inline-block; + width: 1em; + height: 1em; + margin-right: 0.5em; + background-size: contain; + background-repeat: no-repeat; + background-image: url('data:image/svg+xml;charset=UTF-8,'); + transition: transform 0.2s ease; +} + +details[open] > summary::before { + transform: rotate(-90deg); +} + + +/* not dis again blehhhhhhh */ + +@media screen and (max-width: 1200px) { + body { + font-size: 0.95rem; + } + + div[class="has-inner-focus"] { + width: 100% !important; + max-width: 100% !important; + } + + summary { + max-width: 90%; + } + + table { + font-size: 0.8rem; + } +} + +@media screen and (max-width: 768px) { + body { + font-size: 0.85rem; + } + + h3 { + position: relative; + top: 0; + font-size: 1.2rem; + } + + div[class="has-inner-focus"] { + width: 100% !important; + max-width: 100% !important; + } + + summary { + font-size: 1rem; + padding: 0.4em; + } + + table { + font-size: 0.75rem; + } +} + +@media screen and (max-width: 480px) { + body { + font-size: 0.75rem; + } + + div[class="has-inner-focus"] { + width: 100% !important; + max-width: 100% !important; + } + + summary { + font-size: 0.9rem; + padding: 0.3em; + } + + table { + font-size: 0.7rem; + } + + h3 { + font-size: 1rem; + top: 10px; + } +} \ No newline at end of file diff --git a/color/style.css b/color/style.css index e4db4a4..04ec2e4 100644 --- a/color/style.css +++ b/color/style.css @@ -1,27 +1,4 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} - -body { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - font-size: 1rem; - background-color: #2a2a2a; - color: #f0f0f0; - overflow-x: hidden; - font-family: 'Hack', 'JetBrainsMono', monospace; - user-select: none; -} +@import url(/global.css); html { height: 100%; @@ -76,6 +53,11 @@ p:not(.hint) { margin-bottom: 15px; } +button:hover { + background-color: #cdadff; + border: 3px solid rgb(201, 161, 250); +} + button:active { scale: 0.98; } diff --git a/cool/index.html b/cool/index.html deleted file mode 100644 index 8dcd107..0000000 --- a/cool/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - Cool - - - - - - - \ No newline at end of file diff --git a/cool/script.js b/cool/script.js deleted file mode 100644 index 75f4730..0000000 --- a/cool/script.js +++ /dev/null @@ -1,207 +0,0 @@ -var background_color = "#fafafa"; -var canvas = document.getElementById("canvas"); -var renderer = new THREE.WebGLRenderer( { canvas: canvas } ); -var scene = new THREE.Scene(); -scene.background = new THREE.Color(0xffffff); -var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 ); -var win_width = 0, win_height = 0; -function update_size() { - if (window.innerWidth != win_width || window.innerHeight != win_height) { - win_width = window.innerWidth; - win_height = window.innerHeight; - renderer.setPixelRatio(window.devicePixelRatio || 1); - renderer.setSize(win_width, win_height); - camera.aspect = win_width / win_height; - camera.updateProjectionMatrix(); - } -} -update_size(); - -var clock = new THREE.Clock(); -var delta_time = 1/60.0; -var elapsed_time = 0; - -var geometry = new THREE.Geometry(); -var radius = 10; -var depth_step = 10; -var num_rings = 100; -var num_segments = 24; - -var outer_h = Math.max($("#outer").height(), 10000) - 1200; -var content_h = Math.max($("#content").height(), 10000); -var content_h2 = $("#content").height() + 9200; - -var base_colors = []; -var colors = []; -var num_colors = num_rings * num_segments * 2; -for (var c = 0; c < num_colors; c++) { - base_colors[c] = new THREE.Color(Math.random(), Math.random(), Math.random()); - colors[c] = base_colors[c].clone(); -} - -function lerp(res, color1, color2, t) { - res.r = (1-t)*color1.r + t*color2.r; - res.g = (1-t)*color1.g + t*color2.g; - res.b = (1-t)*color1.b + t*color2.b; -} - -function update_colors(delta, progress) { - var bias = 1; - var bg = new THREE.Color(background_color); - var h1 = content_h - 6000; - var h2 = content_h + 400; - if (progress < h1) { - bias = 0; - } else if (progress < h2) { - bias = (progress - h1) / (h2 - h1); - } - //if (s > content_h) { - // if (s > content_h + 1000) { - // color = new THREE.Color(1, 1, 1); - // } else { - // var q = (s - content_h) / 1000; - // //color = new THREE.Color(r + (1-r) * q, g + (1-g) * q, b + (1-b) * q); - // color = new THREE.Color(); - // color.setHSL(0, 0.5, q * 0.6 + 0.4); - // } - //} else { - // var q = (content_h-s) / content_h; - // color = new THREE.Color(); - // color.setHSL(q, 0.5, 0.4); - //} - for (var c = 0; c < num_colors; c++) { - var hsl = base_colors[c].getHSL(); - var h = hsl.h; - h = (h + delta * (1+c/100)) % 1; - base_colors[c].setHSL(h, hsl.s, hsl.l); - lerp(colors[c], bg, base_colors[c], bias); - } -} -update_colors(0, 0); - -var verts = []; -var speeds = []; -var phases = []; -function init_verts() { - var x = 0, y = 0, z = 0; - var dz = -depth_step / num_segments; - for (var r = 0; r < num_rings; r++) { - for (var s = 0; s < num_segments; s++) { - var angle = Math.PI * 2 * (s / num_segments); - var x = Math.cos(angle) * radius; - var y = Math.sin(angle) * radius; - verts.push(new THREE.Vector3(x, y, z)); - speeds.push(Math.random()); - phases.push(Math.random()); - z += dz; - } - } -} -init_verts(); -function update_verts(t) { - var d = num_rings * 0.4; - var v = 0; - for (var r = 0; r < num_rings; r++) { - for (var s = 0; s < num_segments; s++) { - if (r > d) { - var p = 0.5 + 0.5 * Math.sin(t*speeds[v] + phases[v]) - var q = (r-d)/d * 1.1; - var rad = (1-p * q) * radius; - var angle = Math.PI * 2 * (s / num_segments); - var x = Math.cos(angle) * rad; - var y = Math.sin(angle) * rad; - var vert = verts[v]; - vert.x = x; - vert.y = y; - } - v++; - } - } -} -update_verts(0); - -function mkgeometry(geometry) { - var fi = 0; - var f = 0; - var vi = 0; - var v = 0; - var x = 0, y = 0, z = 0; - var dz = -depth_step / num_segments; - var c = 0; - for (var r = 0; r < num_rings; r++) { - for (var s = 0; s < num_segments; s++) { - var vert1 = verts[vi]; - var vert2 = vi - 1 >= 0 ? verts[vi - 1] : verts[0]; - var vert3 = vi - num_segments >= 0 ? verts[vi - num_segments] : verts[0]; - var vert4 = vi - num_segments - 1 >= 0 ? verts[vi - num_segments - 1] : verts[0]; - vi++; - - geometry.vertices[v++] = vert1; - geometry.vertices[v++] = vert2; - geometry.vertices[v++] = vert4; - geometry.faces[f++] = new THREE.Face3(fi, fi+1, fi+2, null, colors[c++]); - fi += 3; - geometry.vertices[v++] = vert1; - geometry.vertices[v++] = vert4; - geometry.vertices[v++] = vert3; - geometry.faces[f++] = new THREE.Face3(fi, fi+1, fi+2, null, colors[c++]); - fi += 3; - old_x = x; - old_y = y; - old_z = z; - z += dz; - } - } - geometry.verticesNeedUpdate = true; - geometry.colorsNeedUpdate = true; - geometry.elementsNeedUpdate = true; -} -mkgeometry(geometry); -var material = new THREE.MeshBasicMaterial({ vertexColors: THREE.VertexColors, color: background_color }); -material.depthFunc = THREE.AlwaysDepth; -var mesh = new THREE.Mesh(geometry, material); -scene.add(mesh); - -var s = 0; -var total_s = 0; -var first_time = true; -var animate = function () { - //console.log("updating background"); - update_size(); - delta_time = clock.getDelta(); - elapsed_time = clock.elapsedTime; - - var win = $(window); - var prev_s = s; - s = $(window).scrollTop(); - var ds = Math.abs(s - prev_s); - camera.position.z = -s/outer_h*(num_rings * depth_step); - //var color; - //color = new THREE.Color("#efefef"); - //if (s > content_h) { - // if (s > content_h + 1000) { - // color = new THREE.Color(1, 1, 1); - // } else { - // var q = (s - content_h) / 1000; - // //color = new THREE.Color(r + (1-r) * q, g + (1-g) * q, b + (1-b) * q); - // color = new THREE.Color(); - // color.setHSL(0, 0.5, q * 0.6 + 0.4); - // } - //} else { - // var q = (content_h-s) / content_h; - // color = new THREE.Color(); - // color.setHSL(q, 0.5, 0.4); - //} - //material.color = color; - if (ds > 0 || first_time) { - total_s += ds * 0.01; - update_colors(ds * 0.00001, s); - update_verts(total_s); - mkgeometry(mesh.geometry); - first_time = false; - } - renderer.render(scene, camera); - requestAnimationFrame( animate ); -}; -animate(); -//setInterval(animate, 500); // backup as sometimes requestAnimationFrame doesn't trigger in Firefox diff --git a/global.css b/global.css new file mode 100644 index 0000000..0841991 --- /dev/null +++ b/global.css @@ -0,0 +1,40 @@ +@font-face { + font-family: 'Hack'; + src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono'; + src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); +} + +body { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + min-height: 100vh; + margin: 0; + font-size: 1rem; + background-color: #2a2a2a; + color: #f0f0f0; + overflow-x: hidden; + font-family: 'Hack', 'JetBrainsMono', monospace; +} + +html { + height: 100%; +} + +a { + color: #fff; +} + +a:hover, svg:hover { + color: #c099ff; +} + +::selection { + background-color: #c099ff; + color: #2a2a2a; +} \ No newline at end of file diff --git a/guestbook/style.css b/guestbook/style.css index 974bc6f..67eaf12 100644 --- a/guestbook/style.css +++ b/guestbook/style.css @@ -1,45 +1,14 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} +@import url(/global.css); h6 { margin-top: -10px; } -body { - background-color: #505050; - font-family: 'Hack', 'JetBrainsMono', monospace; - margin: 20px 40px 20px 40px; - display: flex; - justify-content: center; - align-items: center; - text-align: center; - min-height: 100vh; - padding: 20px; - flex-direction: column; - font-size: large; -} - -::selection { - color: white; - background-color: #b49cdf; -} - -* { - color: white; -} - .guestbook-entry { margin-bottom: 20px; padding: 10px; - border: 2px solid #707070; - background-color: #606060; + border: 2px solid #3f3f3f; + background-color: #2f2f2f; max-width: 50vw; text-align: left; border-radius: 8px; @@ -49,15 +18,6 @@ body { margin: 5px 0; } -a { - color: #b49cdf; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - .guestbook-entry a:hover { text-decoration: underline; } diff --git a/index.html b/index.html index 87b192f..eae9deb 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,6 @@ zyq's Tools - diff --git a/keyboard/style.css b/keyboard/style.css index 009ec8d..221d92f 100644 --- a/keyboard/style.css +++ b/keyboard/style.css @@ -1,29 +1,4 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} - -body { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - background-color: #2a2a2a; - transition: background-color 0.3s, color 0.3s; - overflow-x: hidden; - overflow-y: visible; - font-family: 'Hack', 'JetBrainsMono', monospace; -} - -* { - font-family: 'Hack', monospace; - font-size: medium; -} +@import url(/global.css); button, p { font-weight: 600; diff --git a/projects/projects.json b/projects/projects.json index d9c63d1..f0f8950 100644 --- a/projects/projects.json +++ b/projects/projects.json @@ -63,6 +63,6 @@ "name": "Hyprland Dots", "subheader": "My Hyprland Dotfiles", "description": "My Arch Hyprland dotfiles with my rofi, wallust and hypr (18.8mb).", - "url": "/assets/zyqunix hyprland dots.zip" + "url": "https://github.com/zyqunix/dots/releases" } ] \ No newline at end of file diff --git a/projects/style.css b/projects/style.css index 1c21c81..f559784 100644 --- a/projects/style.css +++ b/projects/style.css @@ -1,31 +1,4 @@ -@font-face { - font-family: 'Hack'; - src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'JetBrainsMono'; - src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); -} - -body { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - font-family: monospace; - font-size: 1rem; - background-color: #2a2a2a; - color: #f0f0f0; - overflow-x: hidden; - font-family: 'Hack', 'JetBrainsMono', monospace; -} - -html { - height: 100%; -} +@import url(/global.css); img[class="img_header"] { height: 3rem; @@ -61,11 +34,6 @@ div.header { text-align: center; } -::selection { - background-color: #c099ff; - color: #2a2a2a; -} - .main { width: 90%; max-width: 85%;