Fix width formatting, better error messaging

README.md

@@ -14,6 +14,7 @@
 
 ```bash
 npm i
+./redis.sh
 npm run dev
 ```
 

docker-compose.yml

@@ -3,5 +3,6 @@ services:
     website:
         build: .
         image: zrwaite/insomnizac_website:2.2.0
+        network_mode: host
         ports:
             - 8010:8010

src/lib/api/projects.ts

@@ -9,9 +9,13 @@ import { redis } from './redis'
 export const getProjects = async (skills?: SkillType[]): Promise<ProjectType[]> => {
 	if (browser) throw error(400, 'Ran on client')
 	const loadedSkills = skills || await getSkills()
-	const projectCache = await redis.get('insomnizac-website-projects')
-	if (projectCache) {
-		return JSON.parse(projectCache)
+	try {
+		const projectCache = await redis.get('insomnizac-website-projects')
+		if (projectCache) {
+			return JSON.parse(projectCache)
+		}
+	} catch (e) {
+		console.log('Cache failed', e)
 	}
 
 	const res = await pool.query('SELECT * FROM projects')

src/lib/api/redis.ts

@@ -1,7 +1,5 @@
 import { REDIS_URL } from '$env/static/private'
 import { createClient } from 'redis'
 
-export const a = 'a'
-
 export const redis = createClient({ url: REDIS_URL })
 await redis.connect()

src/lib/pages/home/Graphs.svelte

@@ -1,10 +1,10 @@
 <section class="graphsSection">
-	<img width="390" src="https://github-readme-stats.vercel.app/api/top-langs/?username=zrwaite&hide=makefile,powershell,html,css&layout=compact&langs_count=10&theme=dark" alt="Github Most Used Stats"/>
-	<img width="390" src="https://graphs.insomnizac.com/api/wakatime/Insomnizac" alt="Wakatime Most Used Stats"/>
-	<img width="390" src='https://github-readme-stats.vercel.app/api/wakatime?username=insomnizac&layout=compact&theme=dark&langs_count=10&hide=json,markdown,git%20config,bash,%20other,%20xml,yaml' alt='Languages over last 7 days '/>
-	<img width="390" src="https://github-readme-stats.vercel.app/api?username=zrwaite&show_icons=true&line_height=27&count_private=true&title_color=ffffff&text_color=c9cacc&icon_color=2bbc8a&bg_color=1d1f21" alt="Github Stats"/>
-	<img width="390" src='https://github-readme-streak-stats.herokuapp.com/?user=zrwaite&theme=dark' alt='Github Streak Stats' />
-	<img width="800" src="https://graphs.insomnizac.com/api/streak/zrwaite" alt="Github Streak Graph" />
+	<img width="390" src="https://github-readme-stats.vercel.app/api/top-langs/?username=zrwaite&hide=makefile,powershell,html,css&layout=compact&langs_count=10&theme=dark" alt=""/>
+	<img width="390" src="https://graphs.insomnizac.com/api/wakatime/Insomnizac" alt=""/>
+	<img width="390" src='https://github-readme-stats.vercel.app/api/wakatime?username=insomnizac&layout=compact&theme=dark&langs_count=10&hide=json,markdown,git%20config,bash,%20other,%20xml,yaml' alt=""/>
+	<img width="390" src="https://github-readme-stats.vercel.app/api?username=zrwaite&show_icons=true&line_height=27&count_private=true&title_color=ffffff&text_color=c9cacc&icon_color=2bbc8a&bg_color=1d1f21" alt=""/>
+	<img width="390" src='https://github-readme-streak-stats.herokuapp.com/?user=zrwaite&theme=dark' alt=""/>
+	<img width="800" src="https://graphs.insomnizac.com/api/streak/zrwaite" alt=""/>
 </section>
 
 <style lang="scss">

src/routes/+layout.svelte

@@ -25,7 +25,7 @@
 		height: 100vh;
 	}
 	#contentContainer {
-		width: 100%;
+		width: calc(100% - 5rem);
 		margin-left: 5rem;
 	}
 	main {