+
+### Code Blocks
+
+Pre-formatted code blocks are used for writing about programming or
+markup source code. Rather than forming normal paragraphs, the lines
+of a code block are interpreted literally. Markdown wraps a code block
+in both `` and `` tags.
+
+To produce a code block in Markdown, simply indent every line of the
+block by at least 4 spaces or 1 tab.
+
+This is a normal paragraph:
+
+ This is a code block.
+
+Here is an example of AppleScript:
+
+ tell application "Foo"
+ beep
+ end tell
+
+A code block continues until it reaches a line that is not indented
+(or the end of the article).
+
+Within a code block, ampersands (`&`) and angle brackets (`<` and `>`)
+are automatically converted into HTML entities. This makes it very
+easy to include example HTML source code using Markdown -- just paste
+it and indent it, and Markdown will handle the hassle of encoding the
+ampersands and angle brackets. For example, this:
+```html
+
+```
+Regular Markdown syntax is not processed within code blocks. E.g.,
+asterisks are just literal asterisks within a code block. This means
+it's also easy to use Markdown to write about Markdown's own syntax.
+
+```javascript
+console.log("Kappa Sigma")
+```
+
+## Span Elements
+
+### Links
+
+Markdown supports two style of links: *inline* and *reference*.
+
+In both styles, the link text is delimited by [square brackets].
+
+To create an inline link, use a set of regular parentheses immediately
+after the link text's closing square bracket. Inside the parentheses,
+put the URL where you want the link to point, along with an *optional*
+title for the link, surrounded in quotes. For example:
+
+This is [an example](http://example.com/) inline link.
+
+[This link](http://example.net/) has no title attribute.
+
+### Emphasis
+
+Markdown treats asterisks (`*`) and underscores (`_`) as indicators of
+emphasis. Text wrapped with one `*` or `_` will be wrapped with an
+HTML `` tag; double `*`'s or `_`'s will be wrapped with an HTML
+`` tag. E.g., this input:
+
+*single asterisks*
+
+_single underscores_
+
+**double asterisks**
+
+__double underscores__
+
+### Code
+
+To indicate a span of code, wrap it with backtick quotes (`` ` ``).
+Unlike a pre-formatted code block, a code span indicates code within a
+normal paragraph. For example:
+
+Use the `printf()` function.
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e87ad43..9551edc 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -15,11 +15,11 @@ import Hamburger from "../assets/hamburger.svg";
-
+
@@ -47,5 +47,9 @@ import Hamburger from "../assets/hamburger.svg";
margin: 0;
width: 100%;
height: 100%;
+ scroll-behavior: smooth !important;
+ }
+ main {
+ scroll-behavior: smooth;
}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a8692c1..0fbe54a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -9,17 +9,20 @@ const projects = await getCollection("projects");
---
-
-
- Hi! I'm Chayce
-
- I am a UBC Student studying Engineering Physics. I am
- interested in Full Stack Web Development.
-
+
+
+ 
+
+
Hi! I'm Chayce
+
+ I am a UBC Student studying Engineering Physics. I am
+ interested in Full Stack Web Development.
+
+
Projects
+ Projects
{
projects.map((project) => (
diff --git a/src/pages/projects/[id].astro b/src/pages/projects/[id].astro
index 5899952..443d987 100644
--- a/src/pages/projects/[id].astro
+++ b/src/pages/projects/[id].astro
@@ -1,5 +1,6 @@
---
import { getCollection, render } from "astro:content";
+import Layout from "../../layouts/Layout.astro";
// 1. Generate a new path for every collection entry
export async function getStaticPaths() {
const posts = await getCollection("projects");
@@ -11,7 +12,21 @@ export async function getStaticPaths() {
// 2. For your template, you can get the entry directly from the prop
const { post } = Astro.props;
const { Content } = await render(post);
+import Up from "../../assets/up.svg"
+import Github from "../../assets/github.svg"
---
-{post.data.title}
-
+
+
+
+
{post.data.title}
+
Summary: {post.data.blurb}
+
+
+
+ 
+
+
+
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 19f0614..3b6ab7d 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -4,5 +4,5 @@ export default {
theme: {
extend: {},
},
- plugins: [],
+ plugins: [require('@tailwindcss/typography')],
}