Skip to content
This repository was archived by the owner on Dec 11, 2025. It is now read-only.

Commit 68d9299

Browse files
XevionXevion
committed
SCSS, simplify header, improve README
1 parent 0b6b83e commit 68d9299

File tree

10 files changed

+189
-252
lines changed

10 files changed

+189
-252
lines changed

‎CHANGELOG.md‎

Lines changed: 10 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
1+
# 0.0.2
2+
3+
- Added version/commit hash to the footer
4+
- Added theme toggle to the header
5+
- Culled lots of unnecessary CSS/unused content
6+
- Switched CSS to SCSS
7+
18
# 0.0.1
29

310
- Initialized with Astro Sample
4-
- Added [Vercel Deployment](https://handbook.xevion.dev)
5-
- Built up the README with Content Ideas, Badges, Formatting
11+
- Built up the README with Content Ideas, Badges, Formatting
12+
- Added [CHANGELOG.md](./CHANGELOG.md)
13+
- Added [Vercel Deployment](https://handbook.xevion.dev)

‎README.md‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,11 +48,11 @@ A handbook for students at [The University of Texas at San Antonio][utsa], with
4848

4949
The UTSA Handbook is intended to be a living document filled with perspectives, opinions and information gathered from numerous students, old and young, incoming and graduated.
5050

51-
- Please consider contributing where
51+
If you have something to add, please consider contributing! The process is easier than you think, and is an easy way to participate in open source and contribute to the UTSA CS community.
5252

5353
## Setup
5454

55-
This setup guide is very simple and does not cover
55+
This setup guide is very simple and does not cover the full process of installation. Expansion will occur in the future.
5656

5757
```bash
5858
git clone https://github.com/Xevion/utsa-handbook.git
@@ -61,6 +61,11 @@ pnpm dev
6161
pnpm build
6262
```
6363

64+
## Notes
65+
66+
- All content frontmatter obeys [this](https://github.com/withastro/astro/blob/main/packages/astro-rss/src/schema.ts) schema (for [@astrojs/rss](https://docs.astro.build/en/guides/rss/)).
67+
- Document your changes in [CHANGELOG.md][changelog]. Not required for minor frontmatter changes, but recommended for all other changes.
68+
6469
### Disclaimer
6570

6671
This repository is completely unassociated with UTSA or the UTSA Computer Science department. All opinions and those of any contributors are their own and are not made in UTSA or UTSA CS's place.

‎package.json‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"name": "",
2+
"name": "handbook",
33
"type": "module",
4-
"version": "0.0.1",
4+
"version": "0.0.2",
55
"scripts": {
66
"dev": "astro dev",
77
"start": "astro dev",
@@ -22,6 +22,7 @@
2222
"astro": "^4.4.15",
2323
"react": "^18.2.0",
2424
"react-dom": "^18.2.0",
25+
"sass": "^1.71.1",
2526
"tailwindcss": "^3.4.1",
2627
"typescript": "^5.4.2"
2728
}

‎pnpm-lock.yaml‎

Lines changed: 26 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/BaseHead.astro‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
---
2-
// Import the global.css file here so that it is included on
3-
// all pages through the use of the <BaseHead /> component.
4-
import '@/styles/global.css';
2+
import '@/styles/global.scss';
53
64
interface Props {
75
title: string;

‎src/components/Header.astro‎

Lines changed: 84 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,87 +1,91 @@
11
---
2-
import HeaderLink from '@components/HeaderLink.astro';
3-
import { SITE_TITLE } from '@/consts';
4-
import ThemeToggle from '@components/ThemeToggle';
2+
import HeaderLink from "@components/HeaderLink.astro";
3+
import { SITE_TITLE } from "@/consts";
4+
import ThemeToggle from "@components/ThemeToggle";
55
---
66

7-
<header>
8-
<nav>
9-
<h2><a href="/">{SITE_TITLE}</a></h2>
10-
<div class="internal-links">
11-
<HeaderLink href="/">Home</HeaderLink>
12-
<HeaderLink href="/blog">Blog</HeaderLink>
13-
<HeaderLink href="/about">About</HeaderLink>
14-
</div>
15-
<div class="social-links">
16-
<ThemeToggle client:only />
17-
<a class="dark:color-zinc-100" href="https://m.webtoo.ls/@astro" target="_blank">
18-
<span class="sr-only">Follow Astro on Mastodon</span>
19-
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
20-
><path
21-
fill="currentColor"
22-
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
23-
></path></svg
24-
>
25-
</a>
26-
<a href="https://twitter.com/astrodotbuild" target="_blank">
27-
<span class="sr-only">Follow Astro on Twitter</span>
28-
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
29-
><path
30-
fill="currentColor"
31-
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
32-
></path></svg
33-
>
34-
</a>
35-
<a href="https://github.com/withastro/astro" target="_blank">
36-
<span class="sr-only">Go to Astro's GitHub repo</span>
37-
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
38-
><path
39-
fill="currentColor"
40-
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
41-
></path></svg
42-
>
43-
</a>
44-
</div>
45-
</nav>
7+
<header class="dark:bg-zinc-900/70 bg-zinc-200 dark:text-zinc-300 text-black">
8+
<nav>
9+
<h2>
10+
<a href="/">{SITE_TITLE}</a>
11+
</h2>
12+
<div class="internal-links">
13+
<HeaderLink href="/">Home</HeaderLink>
14+
<HeaderLink href="/blog">Blog</HeaderLink>
15+
<HeaderLink href="/about">About</HeaderLink>
16+
</div>
17+
<div class="social-links">
18+
<ThemeToggle client:only />
19+
<a
20+
class="dark:color-zinc-100"
21+
href="https://m.webtoo.ls/@astro"
22+
target="_blank"
23+
>
24+
<span class="sr-only">Follow Astro on Mastodon</span>
25+
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
26+
><path
27+
fill="currentColor"
28+
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
29+
></path></svg
30+
>
31+
</a>
32+
<a href="https://twitter.com/astrodotbuild" target="_blank">
33+
<span class="sr-only">Follow Astro on Twitter</span>
34+
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
35+
><path
36+
fill="currentColor"
37+
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
38+
></path></svg
39+
>
40+
</a>
41+
<a href="https://github.com/withastro/astro" target="_blank">
42+
<span class="sr-only">Go to Astro's GitHub repo</span>
43+
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
44+
><path
45+
fill="currentColor"
46+
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
47+
></path></svg
48+
>
49+
</a>
50+
</div>
51+
</nav>
4652
</header>
4753
<style>
48-
header {
49-
margin: 0;
50-
padding: 0 1em;
51-
background: white;
52-
box-shadow: 0 2px 8px rgba(var(--black), 5%);
53-
}
54-
h2 {
55-
margin: 0;
56-
font-size: 1em;
57-
}
54+
header {
55+
margin: 0;
56+
padding: 0 1em;
57+
box-shadow: 0 2px 8px rgba(var(--black), 5%);
58+
}
59+
h2 {
60+
margin: 0;
61+
font-size: 1em;
62+
}
5863

59-
h2 a,
60-
h2 a.active {
61-
text-decoration: none;
62-
}
63-
nav {
64-
display: flex;
65-
align-items: center;
66-
justify-content: space-between;
67-
}
68-
nav a {
69-
padding: 1em 0.5em;
70-
color: var(--black);
71-
border-bottom: 4px solid transparent;
72-
text-decoration: none;
73-
}
74-
nav a.active {
75-
text-decoration: none;
76-
border-bottom-color: var(--accent);
77-
}
78-
.social-links,
79-
.social-links a {
80-
display: flex;
81-
}
82-
@media (max-width: 720px) {
83-
.social-links {
84-
display: none;
85-
}
86-
}
64+
h2 a,
65+
h2 a.active {
66+
text-decoration: none;
67+
}
68+
nav {
69+
display: flex;
70+
align-items: center;
71+
justify-content: space-between;
72+
}
73+
nav a {
74+
padding: 1em 0.5em;
75+
border-bottom: 4px solid transparent;
76+
text-decoration: none;
77+
}
78+
nav a.active {
79+
text-decoration: none;
80+
border-bottom-color: var(--accent);
81+
}
82+
.social-links,
83+
.social-links a {
84+
display: flex;
85+
}
86+
@media (max-width: 720px) {
87+
.social-links {
88+
display: none;
89+
}
90+
}
8791
</style>

‎src/consts.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
export const SITE_TITLE = 'UTSA CS Handbook';
22
export const SITE_DESCRIPTION = 'An unofficial guide to the Computer Science program at UTSA';
3+
export const GITHUB_URL = 'https://github.com/Xevion/utsa-handbook'

‎src/pages/index.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
1010
<head>
1111
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
1212
</head>
13-
<body class="dark:text-zinc-200 dark:bg-zinc-700">
13+
<body class="dark:text-zinc-200 dark:bg-zinc-800">
1414
<Header />
1515
<Footer />
1616
</body>

0 commit comments

Comments
 (0)