Skip to content

Commit 4a9418f

Browse files
lronsmithlronsmith
authored
24T1 Adding lab0 to nav bar (#260)
* Adding lab0 to navbar * Fixing link for TigerVNC * Fixing unescaped entities
1 parent bc6a9ed commit 4a9418f

File tree

2 files changed

+143
-2
lines changed

2 files changed

+143
-2
lines changed

‎components/Navbar.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@ const navItems = [
2626
'title': 'Contribute',
2727
},
2828
{
29-
'path': 'opendev',
30-
'title': 'Open Dev',
29+
'path': 'labzero',
30+
'title': 'Lab 0',
3131
},
3232
{
3333
'path': 'about',

‎pages/labzero/index.tsx

+141
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
import ArticleLayout from 'components/ArticleLayout'
2+
import { Box } from 'components/Box'
3+
import { Flex } from 'components/Flex'
4+
import { Text } from 'components/Text'
5+
import type { NextPage } from 'next'
6+
import Head from 'next/head'
7+
import { styled } from '@stitches/react'
8+
9+
const LinksContainer = styled(Flex, {
10+
width: '60%',
11+
maxWidth: '600px',
12+
margin: '0 auto',
13+
justifyContent: 'space-between',
14+
}
15+
)
16+
17+
const LabZero: NextPage = () => {
18+
return (
19+
<ArticleLayout>
20+
<Head>
21+
<title>Lab 0 - CSESoc Learn</title>
22+
<meta name="description" content="CSESoc Lab 0" />
23+
<link rel="icon" href="/favicon.ico" />
24+
</Head>
25+
<Text
26+
as="h1"
27+
size="display"
28+
css={{
29+
color: '$slate12',
30+
fontWeight: '600',
31+
paddingTop: '$2',
32+
alignSelf: 'center'
33+
}}>
34+
Lab 0 2024
35+
</Text>
36+
<Box css={{ paddingTop: '$2' }}>
37+
<Text
38+
size="info">
39+
<p>
40+
CSESoc&apos;s Lab 0 is back once again for 2024!
41+
</p>
42+
<p>
43+
Feeling lost after your first COMP1511 lecture? Not sure how to
44+
navigate VLAB and TigerVNC? Or are you looking to level up your
45+
home computing setup and get it looking wonderful?
46+
</p>
47+
<p>
48+
If any of that applies to you, then you need to come to Lab 0!
49+
Come learn how to ditch TigerVNC and upgrade your development
50+
experience!
51+
</p>
52+
</Text>
53+
</Box>
54+
55+
<Text
56+
size="headline"
57+
css={{
58+
color: '$slate12',
59+
fontWeight: '600',
60+
padding: '$2',
61+
alignSelf: 'center',
62+
marginTop: '1rem',
63+
}}>
64+
Useful links:
65+
</Text>
66+
<Text
67+
size="title-lg"
68+
css={{
69+
color: '$slate12',
70+
fontWeight: '200',
71+
padding: '$2',
72+
alignSelf: 'center',
73+
marginTop: '2rem',
74+
}}>TigerVNC + VLAB</Text>
75+
<LinksContainer justify="around">
76+
<a href="https://cgi.cse.unsw.edu.au/~cs1511/24T1/home_computing/vlab.html" target="_blank">UNSW&apos;s Official Guide</a>
77+
</LinksContainer>
78+
79+
<Text
80+
size="title-lg"
81+
css={{
82+
color: '$slate12',
83+
fontWeight: '200',
84+
padding: '$2',
85+
alignSelf: 'center',
86+
marginTop: '2em',
87+
}}>CSE + VSCode</Text>
88+
<LinksContainer justify="around">
89+
<a href="https://abiram.me/cse-setup" target="_blank">Abiram&apos;s Guide </a>
90+
<a href="https://abiram.me/cse-sshfs" target="_blank">Further Reading (SSHFS)</a>
91+
</LinksContainer>
92+
93+
<Text
94+
size="title-lg"
95+
css={{
96+
color: '$slate12',
97+
fontWeight: '200',
98+
padding: '$2',
99+
alignSelf: 'center',
100+
marginTop: '2rem',
101+
}}>VSCode Customising</Text>
102+
<LinksContainer justify="around">
103+
<a href="https://www.canva.com/design/DAF9S44qAQs/T2zuda-Kcf0xj58m5ODglw/edit" target="_blank"> Slides </a>
104+
<a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf" target="_blank">VSCode Shortcuts</a>
105+
<a href="https://vscodethemes.com/" target="_blank">VSCode Themes</a>
106+
</LinksContainer>
107+
108+
109+
<Text
110+
size="title-lg"
111+
css={{
112+
color: '$slate12',
113+
fontWeight: '200',
114+
padding: '$2',
115+
alignSelf: 'center',
116+
marginTop: '2rem',
117+
}}>Terminal Customising</Text>
118+
<LinksContainer justify="around">
119+
<a href="https://github.com/ohmyzsh/ohmyzsh/wiki/Installing-ZSH" target="_blank">OhMyZsh</a>
120+
<a href="https://github.com/zsh-users/zsh-autosuggestions/blob/master/INSTALL.md" target="_blank">Zsh Autosuggestions</a>
121+
<a href="https://github.com/romkatv/powerlevel10k?tab=readme-ov-file#oh-my-zsh" target="_blank">PowerLevel10k</a>
122+
</LinksContainer>
123+
124+
<Text
125+
size="title-lg"
126+
css={{
127+
color: '$slate12',
128+
fontWeight: '200',
129+
padding: '$2',
130+
alignSelf: 'center',
131+
marginTop: '2rem',
132+
}}>Helpful Guides</Text>
133+
<LinksContainer justify="around">
134+
<a href="https://www.freecodecamp.org/news/how-to-configure-your-macos-terminal-with-zsh-like-a-pro-c0ab3f3c1156/" target="_blank">MacOS Guide</a>
135+
<a href="https://github.com/lronsmith/csesoc-edu-wsl-install-guide/blob/main/guide.md" target="_blank">Last year&apos;s WSL install guide (Windows)</a>
136+
</LinksContainer>
137+
</ArticleLayout >
138+
)
139+
}
140+
141+
export default LabZero

0 commit comments

Comments
 (0)