forked from
devins.page/devins.page
my website, hosted on wisp.place
feat: redesign
another day, another redesign......
giscus will be themed properly to fit with the site better later
+77
-39
+15
-31
src/components/Comments.astro
+15
-31
src/components/Comments.astro
···
1
-
<div style="text-align: center;">
2
-
<button
3
-
onclick="
4
-
const attrs = {
5
-
src: 'https://giscus.app/client.js',
6
-
id: 'giscus-script',
7
-
async: true,
8
-
'data-repo': 'intergrav/devins.page',
9
-
'data-repo-id': 'R_kgDONW1wiA',
10
-
'data-category': 'giscus',
11
-
'data-category-id': 'DIC_kwDONW1wiM4Cr7lb',
12
-
'data-mapping': 'pathname',
13
-
'data-strict': '0',
14
-
'data-reactions-enabled': '1',
15
-
'data-emit-metadata': '0',
16
-
'data-input-position': 'top',
17
-
'data-theme': 'fro',
18
-
'data-lang': 'en',
19
-
crossorigin: 'anonymous'
20
-
};
21
-
22
-
const giscus = document.createElement('script');
23
-
for (const key in attrs) giscus.setAttribute(key, attrs[key]);
24
-
this.parentNode.insertBefore(giscus, this.nextSibling);
25
-
26
-
this.style.display = 'none';
27
-
"
28
-
>
29
-
load giscus
30
-
</button>
31
-
</div>
1
+
<script
2
+
src="https://giscus.app/client.js"
3
+
data-repo="intergrav/devins.page"
4
+
data-repo-id="R_kgDONW1wiA"
5
+
data-category="giscus"
6
+
data-category-id="DIC_kwDONW1wiM4Cr7lb"
7
+
data-mapping="pathname"
8
+
data-strict="0"
9
+
data-reactions-enabled="1"
10
+
data-emit-metadata="0"
11
+
data-input-position="top"
12
+
data-theme="fro"
13
+
data-lang="en"
14
+
crossorigin="anonymous"
15
+
async></script>
+5
-1
src/components/Header.astro
+5
-1
src/components/Header.astro
···
1
1
<header style="text-align: center">
2
-
<h1 style="font-family: cursive; color:orange; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);">devins.page</h1>
2
+
<h1
3
+
style="font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive"
4
+
>
5
+
devins.page
6
+
</h1>
3
7
<nav
4
8
style="border-block-end: 1px solid var(--sc_prose_border-color); padding-block-end: 1rem; margin-block-end: 2rem"
5
9
>
+4
-4
src/content/blog/site-changes.md
+4
-4
src/content/blog/site-changes.md
···
7
7
8
8
i made a couple changes to the website:
9
9
10
-
- using [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color) again, since i didn't like the color scheme i came up with.
11
-
- ~~removed [giscus](https://giscus.app) comments since they were never really used and just adds bloat to the page. maybe in the future i'll make a simpler comments system.~~ i've added it back, but you have to click the "load giscus" button at the bottom of the page.
10
+
- ~~using [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color) again, since i didn't like the color scheme i came up with.~~ i made a new beige color scheme that i quite like, so this will probably stick for a while
11
+
- ~~removed [giscus](https://giscus.app) comments since they were never really used and just adds bloat to the page. maybe in the future i'll make a simpler comments system.~~ i've added it back, and mentioned it in the privacy page
12
12
- redesigned the header to be a lot more simple, moved external links to the footer.
13
-
- use serif fonts for headings, cursive font for site title, just because i think it looks more stylish.
14
-
- removed [clientrouter](https://docs.astro.build/en/guides/view-transitions) which gets rid of site transitions, i felt like it didn't really fit well and some browsers couldn't handle it properly.
13
+
- use serif fonts for headings, handwritten font for site title, just because i think it looks more pleasing.
14
+
- removed [clientrouter](https://docs.astro.build/en/guides/view-transitions) which gets rid of site transitions, i felt like it didn't really fit well with this site and some browsers couldn't handle it properly.
15
15
- added back link underlines for accessibility
16
16
17
17
besides that, im planning on maybe working on a few new projects in the coming months.
+6
-2
src/pages/index.astro
+6
-2
src/pages/index.astro
···
68
68
>@devin_real:matrix.org</a
69
69
>. i don't really use social media anymore.
70
70
</p>
71
-
<p><em>keep in mind that i am a pretty reserved person. i have limited
71
+
<p>
72
+
<em
73
+
>keep in mind that i am a pretty reserved person. i have limited
72
74
availability and may not respond to everything immediately, or at all. it
73
-
is nothing personal!</em></p>
75
+
is nothing personal!</em
76
+
>
77
+
</p>
74
78
</Layout>
+7
-1
src/pages/privacy.astro
+7
-1
src/pages/privacy.astro
···
16
16
</p>
17
17
18
18
<p>
19
+
this website also loads <strong>giscus</strong>, a commenting system based
20
+
on GitHub Discussions. giscus claims that they do not track user data, and
21
+
is <a href="https://github.com/giscus/giscus">open-source</a>.
22
+
</p>
23
+
24
+
<p>
19
25
<em
20
26
>i do not personally collect, store, or share any visitor data other than
21
-
what Cloudflare provides.</em
27
+
what Cloudflare and giscus provide.</em
22
28
>
23
29
</p>
24
30
+40
src/styles/global.css
+40
src/styles/global.css
···
1
+
:root {
2
+
--sc_prose_background-color: #f2dccf;
3
+
--sc_prose_border-color: #bb9d99;
4
+
}
5
+
6
+
body {
7
+
background-color: #f9eae1;
8
+
color: #56393a;
9
+
}
10
+
11
+
a {
12
+
color: #9f635e;
13
+
}
14
+
15
+
@media (prefers-color-scheme: dark) {
16
+
:root {
17
+
--sc_prose_background-color: #3f2d2d;
18
+
--sc_prose_border-color: #7f6060;
19
+
}
20
+
21
+
body {
22
+
background-color: #493636;
23
+
color: #f9eae1;
24
+
}
25
+
26
+
a {
27
+
color: #cb928e;
28
+
}
29
+
}
30
+
31
+
:root {
32
+
--sc_typography_font_sans-serif:
33
+
Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro,
34
+
sans-serif;
35
+
--sc_typography_font_serif:
36
+
Superclarendon, "Bookman Old Style", "URW Bookman", "URW Bookman L",
37
+
"Georgia Pro", Georgia, serif;
38
+
--sc_typography_font_mono: "Nimbus Mono PS", "Courier New", monospace;
39
+
}
40
+
1
41
h1,
2
42
h2,
3
43
h3,