My personal website, in gleam+lustre!
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Matching her nails I COLORPICKED IT FROM THE PHOTO!

+105 -105
+105 -105
site.css
··· 4 4 @plugin "daisyui"; 5 5 6 6 @plugin "daisyui/theme" { 7 - name: "strawmelonjuicedotcom"; 8 - default: true; 9 - prefersdark: true; 10 - color-scheme: "dark"; 11 - --color-base-100: oklch(96% 0.059 95.617); 12 - --color-base-200: oklch(93% 0.032 17.717); 13 - --color-base-300: oklch(92% 0.12 95.746); 14 - --color-base-content: oklch(25% 0.09 281.288); 15 - --color-primary: #edbcbc; 16 - --color-primary-content: oklch(44% 0.043 257.281); 17 - --color-secondary: #ceddd9; 18 - --color-secondary-content: oklch(29% 0.066 243.157); 19 - --color-accent: oklch(71% 0.203 305.504); 20 - --color-accent-content: oklch(38% 0.063 188.416); 21 - --color-neutral: #adebb3; 22 - --color-neutral-content: oklch(28% 0.141 291.089); 23 - --color-info: oklch(96% 0.059 95.617); 24 - --color-info-content: oklch(42% 0.095 57.708); 25 - --color-success: oklch(76% 0.177 163.223); 26 - --color-success-content: oklch(37% 0.077 168.94); 27 - --color-warning: oklch(70% 0.213 47.604); 28 - --color-warning-content: oklch(0% 0 0); 29 - --color-error: oklch(63% 0.237 25.331); 30 - --color-error-content: oklch(0% 0 0); 31 - --radius-selector: 0.5rem; 32 - --radius-field: 2rem; 33 - --radius-box: 0.25rem; 34 - --size-selector: 0.25rem; 35 - --size-field: 0.1875rem; 36 - --border: 2px; 37 - --depth: 1; 38 - --noise: 1; 39 - --font-roboto: "Lilex", monospace, system-ui, sans-serif; 7 + name: "strawmelonjuicedotcom"; 8 + default: true; 9 + prefersdark: true; 10 + color-scheme: "dark"; 11 + --color-base-100: oklch(96% 0.059 95.617); 12 + --color-base-200: oklch(93% 0.032 17.717); 13 + --color-base-300: oklch(92% 0.12 95.746); 14 + --color-base-content: oklch(25% 0.09 281.288); 15 + --color-primary: #edbcbc; 16 + --color-primary-content: oklch(44% 0.043 257.281); 17 + --color-secondary: #ceddd9; 18 + --color-secondary-content: oklch(29% 0.066 243.157); 19 + --color-accent: oklch(71% 0.203 305.504); 20 + --color-accent-content: #1f3e33; 21 + --color-neutral: #adebb3; 22 + --color-neutral-content: oklch(28% 0.141 291.089); 23 + --color-info: oklch(96% 0.059 95.617); 24 + --color-info-content: oklch(42% 0.095 57.708); 25 + --color-success: oklch(76% 0.177 163.223); 26 + --color-success-content: oklch(37% 0.077 168.94); 27 + --color-warning: oklch(70% 0.213 47.604); 28 + --color-warning-content: oklch(0% 0 0); 29 + --color-error: oklch(63% 0.237 25.331); 30 + --color-error-content: oklch(0% 0 0); 31 + --radius-selector: 0.5rem; 32 + --radius-field: 2rem; 33 + --radius-box: 0.25rem; 34 + --size-selector: 0.25rem; 35 + --size-field: 0.1875rem; 36 + --border: 2px; 37 + --depth: 1; 38 + --noise: 1; 39 + --font-roboto: "Lilex", monospace, system-ui, sans-serif; 40 40 } 41 41 42 42 @layer base { 43 - html { 44 - font-family: "Lilex", monospace, system-ui, sans-serif; 45 - font-optical-sizing: auto; 46 - font-weight: 400; 47 - font-style: normal; 48 - margin: 0; 49 - } 50 - 51 - /* Make sure the 'go comment' button is visible even on small screens. */ 52 - .widget .form-controls { 53 - flex-wrap: wrap; 54 - } 43 + html { 44 + font-family: "Lilex", monospace, system-ui, sans-serif; 45 + font-optical-sizing: auto; 46 + font-weight: 400; 47 + font-style: normal; 48 + margin: 0; 49 + } 55 50 56 - /* As to not collide with chilp's footers, we had to be a bit more specific */ 57 - #app .footer { 58 - position: fixed; 59 - bottom: 0; 60 - -webkit-animation: seconds 1s forwards; 61 - -webkit-animation-iteration-count: 1; 62 - -webkit-animation-delay: 5s; 63 - animation: seconds 1s forwards; 64 - animation-iteration-count: 1; 65 - animation-delay: 5s; 66 - } 51 + /* Make sure the 'go comment' button is visible even on small screens. */ 52 + .widget .form-controls { 53 + flex-wrap: wrap; 54 + } 67 55 68 - @-webkit-keyframes seconds { 69 - 0% { 70 - opacity: 1; 71 - } 56 + /* As to not collide with chilp's footers, we had to be a bit more specific */ 57 + #app .footer { 58 + position: fixed; 59 + bottom: 0; 60 + -webkit-animation: seconds 1s forwards; 61 + -webkit-animation-iteration-count: 1; 62 + -webkit-animation-delay: 5s; 63 + animation: seconds 1s forwards; 64 + animation-iteration-count: 1; 65 + animation-delay: 5s; 66 + } 72 67 73 - 100% { 74 - opacity: 0; 75 - left: -9999px; 76 - } 68 + @-webkit-keyframes seconds { 69 + 0% { 70 + opacity: 1; 77 71 } 78 72 79 - @keyframes seconds { 80 - 0% { 81 - opacity: 1; 82 - } 73 + 100% { 74 + opacity: 0; 75 + left: -9999px; 76 + } 77 + } 83 78 84 - 100% { 85 - opacity: 0; 86 - left: -9999px; 87 - } 79 + @keyframes seconds { 80 + 0% { 81 + opacity: 1; 88 82 } 89 83 90 - .link-list-container { 91 - margin: auto; 84 + 100% { 85 + opacity: 0; 86 + left: -9999px; 92 87 } 88 + } 93 89 94 - .link-list-container .link-list-button { 95 - display: block; 96 - background: #ff6f91; 97 - color: white; 98 - text-decoration: none; 99 - padding: 1em; 100 - margin: 1em 0; 101 - border-radius: 8px; 102 - font-weight: bold; 103 - transition: background 0.3s ease; 104 - } 90 + .link-list-container { 91 + margin: auto; 92 + } 93 + 94 + .link-list-container .link-list-button { 95 + display: block; 96 + background: #ff6f91; 97 + color: white; 98 + text-decoration: none; 99 + padding: 1em; 100 + margin: 1em 0; 101 + border-radius: 8px; 102 + font-weight: bold; 103 + transition: background 0.3s ease; 104 + } 105 105 106 - .link-list-container .link-list-button:hover { 107 - background: #ff4f78; 108 - } 106 + .link-list-container .link-list-button:hover { 107 + background: #ff4f78; 108 + } 109 109 110 - .link-list-container .note { 111 - font-size: 0.9em; 112 - margin-top: 1em; 113 - } 110 + .link-list-container .note { 111 + font-size: 0.9em; 112 + margin-top: 1em; 113 + } 114 114 115 - .link-list-container .submenu { 116 - border-radius: 10px; 117 - padding: 1em; 118 - margin-top: 2em; 119 - } 115 + .link-list-container .submenu { 116 + border-radius: 10px; 117 + padding: 1em; 118 + margin-top: 2em; 119 + } 120 120 121 - .link-list-container .submenu .submenu-h3 { 122 - margin-top: 0; 123 - font-size: 1.2em; 124 - } 121 + .link-list-container .submenu .submenu-h3 { 122 + margin-top: 0; 123 + font-size: 1.2em; 124 + } 125 125 126 - .link-list-container .submenu p { 127 - font-size: 0.95em; 128 - margin-bottom: 1em; 129 - } 126 + .link-list-container .submenu p { 127 + font-size: 0.95em; 128 + margin-bottom: 1em; 129 + } 130 130 }