brulijam/introduction-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

small changes

Browse Source
This commit is contained in:
Julian Brammer 2024-09-27 18:58:16 +02:00
parent ff33edc7cf
commit 63d769ca13
4 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/content/links.json
View File

@ -56,7 +56,7 @@
}, },
{ {
"name": "Matrix", "name": "Matrix",
"href": "https://brulijam.com/mtrx/#/@brulijam:brulijam.com?web-instance[element.io]=app.element.io&client=element.io", "href": "https://brulijam.com/mtrx/#/@brulijam:brulijam.com?web-instance[element.io]=app.element.io",
"icon": "https://simpleicons.org/icons/matrix.svg", "icon": "https://simpleicons.org/icons/matrix.svg",
"group": 1 "group": 1
}, },

4
src/css/main.css
View File

@ -106,7 +106,7 @@ h2 {
/* Links Container */ /* Links Container */
.links { .links {
padding: 10px; padding: 0 10px;
} }
/* Link Group */ /* Link Group */
@ -172,7 +172,7 @@ h2 {
} }
.links:hover .hoverHighlight:not(:hover) { .links:hover .hoverHighlight:not(:hover) {
@media only screen and (min-width: 480px) { @media only screen and (min-width: 480px) {
filter: brightness(0.5); filter: brightness(0.8);
} }
} }

13
src/index.html
View File

@ -23,20 +23,13 @@
<br> <br>
<section class="description"> <section class="description">
<p>css is pain and I used way too much math to implement that fuzzy search.</p> <p>css is pain and I used way too much math to implement that fuzzy search.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et <p>One day I will write something meaningful in this paragraph.</p>
dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed
diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit
amet.</p>
</section> </section>
<br><br> <br>
<section class="fuzzysearch"> <section class="fuzzysearch">
<input type="text" id="link-search" placeholder="fuzzy search"> <input type="text" id="link-search" placeholder="fuzzy search">
</section> </section>
<br>
<section class="links"> <section class="links">
<noscript> <noscript>
<p>javascript is not available. You can still see a list of my links <a class="text-link" href="content/links.json">here</a>.</p> <p>javascript is not available. You can still see a list of my links <a class="text-link" href="content/links.json">here</a>.</p>

4
src/js/main.js
View File

@ -1,12 +1,12 @@
let hue = Math.floor(Math.random() * 360); let hue = Math.floor(Math.random() * 360);
const colorChangeInterval = 100; const colorChangeInterval = 150;
function setRainbowColor() { function setRainbowColor() {
const color = `hsl(${hue}, 80%, 80%)`; const color = `hsl(${hue}, 80%, 80%)`;
document.documentElement.style.setProperty('--secondary-color', color); document.documentElement.style.setProperty('--secondary-color', color);
document.documentElement.style.setProperty('--secondary-color2', `hsl(${hue}, 40%, 40%)`); document.documentElement.style.setProperty('--secondary-color2', `hsl(${hue}, 40%, 40%)`);
document.documentElement.style.setProperty('--secondary-color-bg', `hsl(${hue}, 40%, 5%)`); document.documentElement.style.setProperty('--secondary-color-bg', `hsl(${hue}, 20%, 5%)`);
hue = (hue + 1) % 360; hue = (hue + 1) % 360;
} }