Skip to content

Commit 3844f71

Browse files
spences10spences10
authored
Merge pull request #182 from spences10/feat/use-markdown-for-index-page
2 parents be417c1 + e17acff commit 3844f71

File tree

16 files changed

+686
-325
lines changed

16 files changed

+686
-325
lines changed

‎.vscode/settings.json‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,27 @@
11
{
22
"git.enableSmartCommit": true,
33
"git.postCommitCommand": "sync",
4-
"cSpell.words": ["deezer", "sveltejs", "vite"]
4+
"cSpell.words": [
5+
"adamwathan",
6+
"atrule",
7+
"Cahllagerfeld",
8+
"daisyui",
9+
"deezer",
10+
"Drasner",
11+
"Drasner's",
12+
"Mandal",
13+
"mdsvex",
14+
"noopener",
15+
"pauliescanlon",
16+
"purrfect",
17+
"sdras",
18+
"Souvik",
19+
"spences",
20+
"sveltejs",
21+
"sveltkit",
22+
"vieria",
23+
"vite",
24+
"Zrzbx"
25+
],
26+
"css.validate": false
527
}

‎mdsvex.config.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import { defineMDSveXConfig as defineConfig } from 'mdsvex'
2+
3+
const config = defineConfig({
4+
extensions: ['.svelte.md', '.md', '.svx'],
5+
6+
smartypants: {
7+
dashes: 'oldschool',
8+
},
9+
10+
remarkPlugins: [],
11+
rehypePlugins: [],
12+
})
13+
14+
export default config

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@
4646
"eslint-config-prettier": "^8.3.0",
4747
"eslint-plugin-svelte3": "^3.2.1",
4848
"husky": "^7.0.4",
49+
"mdsvex": "^0.10.5",
4950
"postcss": "^8.4.12",
5051
"postcss-load-config": "^3.1.4",
5152
"prettier": "^2.5.1",

‎pnpm-lock.yaml‎

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

‎src/app.css‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,53 @@
11
/* Write your global styles here, in PostCSS syntax */
22
@tailwind base;
3+
4+
html {
5+
scroll-behavior: smooth;
6+
/* margin-left: calc(100vw - 100%); */
7+
word-break: break-word;
8+
}
9+
10+
/*
11+
These are the styles from DaisyUI needed
12+
for the scroll bar colours
13+
*/
14+
:root {
15+
/* Default is Night */
16+
--primary: #38bdf8;
17+
--secondary: #818cf8;
18+
}
19+
[data-theme='night'] {
20+
--primary: #38bdf8;
21+
--secondary: #818cf8;
22+
}
23+
[data-theme='winter'] {
24+
--primary: #047aff;
25+
--secondary: #463aa2;
26+
}
27+
28+
/* Scrollbar styles */
29+
30+
/* Firefox */
31+
* {
32+
scrollbar-width: thin;
33+
scrollbar-color: var(--secondary) var(--primary);
34+
}
35+
36+
/* Chrome, Edge, and Safari */
37+
*::-webkit-scrollbar {
38+
width: 15px;
39+
}
40+
41+
*::-webkit-scrollbar-track {
42+
background: var(--primary);
43+
border-radius: 5px;
44+
}
45+
46+
*::-webkit-scrollbar-thumb {
47+
background-color: var(--secondary);
48+
border-radius: 14px;
49+
border: 3px solid var(--primary);
50+
}
51+
352
@tailwind components;
453
@tailwind utilities;

‎src/lib/components/generic-embed.svelte‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<script lang="ts">
2+
import GeneralObserver from './general-observer.svelte'
3+
export let src: string = ''
4+
export let title: string = ''
5+
export let height: string = '300'
6+
export let width: string = '100%'
7+
</script>
8+
9+
<GeneralObserver {height} {width}>
10+
<iframe {src} {width} {height} {title} {...$$restProps} />
11+
<slot />
12+
</GeneralObserver>

‎src/lib/icons/git-hub.svelte‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<script lang="ts">
2+
export let width: string = '25'
3+
export let height: string = '25'
4+
export let fill: string = 'fill-current'
5+
6+
let svgClass: string = `${fill} text-primary-content transition hover:text-secondary-focus`
7+
</script>
8+
9+
<svg
10+
role="img"
11+
viewBox="0 0 24 24"
12+
xmlns="https://www.w3.org/2000/svg"
13+
{height}
14+
{width}
15+
class={svgClass}
16+
>
17+
<path
18+
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
19+
/>
20+
</svg>

‎src/lib/icons/twitter.svelte‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<svg
2+
role="img"
3+
xmlns="https://www.w3.org/2000/svg"
4+
viewBox="0 0 24 24"
5+
height="25"
6+
width="25"
7+
class="fill-current text-primary-content transition hover:text-secondary-focus"
8+
>
9+
<path
10+
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
11+
/>
12+
</svg>

0 commit comments

Comments
 (0)