david/personal-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Site Outline #1

Merged
david merged 1 commits from dev into main 2025-04-03 15:42:19 -07:00
Conversation 0 Commits 1 Files Changed 5 +95
5 changed files with 95 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
*.css

44
css/style.scss Normal file
View File

@ -0,0 +1,44 @@
$background-color: #c7c7c7;
$primary-color: #333;
$secondary-color: #d11414;
$text-color: #123455;
body {
font-family: sans-serif;
background-color: $background-color;
header {
nav {
ul {
display: flex;
list-style: none;
gap: 1em;
li {
}
}
a {
&:hover {}
}
}
}
main {
display: flex;
flex-direction: column;
text-align: center;
h1 {}
p {}
img {
width: 20em;
border-radius: 50%;
}
}
footer {
text-align: center;
// background: #eee;
padding: 1em;
}
}

BIN
images/me.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

37
index.html Normal file
View File

@ -0,0 +1,37 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" />
<title>David Westgate</title>
</head>
<body>
<!-- <header>
<nav>
<ul>
<li>Home</li>
<li>Resume</li>
<li>Projects + Git</li>
<li>Travel</li>
</ul>
</nav>
</header> -->
<main>
<h1>David Westgate</h1>
<div>
<img sizes="100em" src="images/me.jpg">
</div>
<h2>Projects</h2>
<h2>Travel</h2>
<h2>Games</h2>
<h2>Media</h2>
</main>
<footer>
<p>2025 David Westgate</p>
</footer>
</body>
</html>

13
start.sh Executable file
View File

@ -0,0 +1,13 @@
#!/bin/bash
sassc css/style.scss css/style.css
python3 -m http.server 8080 &
# Keypress loop
while true; do
read -n 1 -s key
if [[ $key == "r" ]]; then
echo -e "\nRecompiling SCSS..."
sassc css/style.scss css/style.css && echo "Done."
fi
done