\ No newline at end of file
diff --git a/components/blog/BlogSkeletonCard.vue b/components/blog/BlogSkeletonCard.vue
deleted file mode 100644
index 21d8e3f..0000000
--- a/components/blog/BlogSkeletonCard.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/components/blog/index.vue b/components/blog/index.vue
index 7a1f4ff..6ee0ff8 100644
--- a/components/blog/index.vue
+++ b/components/blog/index.vue
@@ -55,8 +55,6 @@ const { data: surround } = await useAsyncData(`${route.path}-surround`, () => qu
.findSurround(withoutTrailingSlash(route.path))
)
-console.log("SURROUND", surround.value)
-
useSeoMeta({
title: doc.value?.title,
description: doc.value?.description,
diff --git a/components/content/ProseCode.vue b/components/content/ProseCode.vue
old mode 100755
new mode 100644
diff --git a/components/content/ProseCodeInline.vue b/components/content/ProseCodeInline.vue
old mode 100755
new mode 100644
index 37c677d..25318c2
--- a/components/content/ProseCodeInline.vue
+++ b/components/content/ProseCodeInline.vue
@@ -1,16 +1,16 @@
-
-
-
+
+
+
\ No newline at end of file
diff --git a/components/content/ProseH2.vue b/components/content/ProseH2.vue
old mode 100755
new mode 100644
diff --git a/components/content/ProseH3.vue b/components/content/ProseH3.vue
old mode 100755
new mode 100644
diff --git a/content/blog/magic-of-docker-compose.md b/content/blog/magic-of-docker-compose.md
index 123c778..11911b2 100644
--- a/content/blog/magic-of-docker-compose.md
+++ b/content/blog/magic-of-docker-compose.md
@@ -446,6 +446,6 @@ You will see that the counter ticks up exactly 10000 requests, and it will compl
In summary, Docker Compose is an amazing tool for managing full-stack projects efficiently. It abstracts away many of the complexities involved in the various services and dependencies, allowing you to focus on what really matters: building great projects. Once you get the hang of using Docker Compose, you will find yourself incorporating it into many of your projects, both new and old.
-If you want to dive deeper into the example project I described in this post, feel free to check out the [Github repo](https://github.com/juls0730/docker-compose-vue-example) for the full source code. Experimenting with Docker Compose in your own projects will help you appreciate its power and simplicity.
+If you want to dive deeper into the example project I described in this post, feel free to check out the [Github repo](/github/docker-compose-vue-example) for the full source code. Experimenting with Docker Compose in your own projects will help you appreciate its power and simplicity.
Thanks for reading, and I hope this article has sparked interest in Docker Compose. Whether you’re an experienced dev, or just starting out, give Docker Compose a try, and you may find it becomes an essential part of your development workflow!
diff --git a/content/blog/portfolio-site-rebuild.md b/content/blog/portfolio-site-rebuild.md
index 83d1d54..20662a0 100755
--- a/content/blog/portfolio-site-rebuild.md
+++ b/content/blog/portfolio-site-rebuild.md
@@ -16,4 +16,4 @@ For the past month I've been quietly rebuilding my portfolio site, designing and
After a couple days of making a design in figma I setup a new nuxt3 project and went to work, after just a few weeks I had almost everything completed, but the last few things I had to do were to make the blogs page and finish the project cards. After a few weeks of designing and getting feedback from the [web dev and design](https://discord.gg/web) discord server, mainly feedback from aqil#7927 an absolute machine in the visual design help channel. However, rebuilding the site still wasn't done, so about halfway through december I decided to change a few things, the typing animation on the home page was added that day and a few accessibility things here and there.
-Once 2023 hit I started working on this much more, with my [100DaysOfCode Challenge](/blog/100daysofcode-challenge) completed I had much more time to work on this site. Mostly I just had to finish writing a few blog posts, and I would be able to finally publish the new site. So I got to writing this blog post and here we are right now. This post is just an update with the new site, here's the sites [github](https://github.com/juls0730/juls07.dev-v2) and that's all, checkout my [twitter](https://twitter.com/julie4055_) if you want to hear more about what I do, have a great 2023!
+Once 2023 hit I started working on this much more, with my [100DaysOfCode Challenge](/blog/100daysofcode-challenge) completed I had much more time to work on this site. Mostly I just had to finish writing a few blog posts, and I would be able to finally publish the new site. So I got to writing this blog post and here we are right now. This post is just an update with the new site, here's the sites [github](/github/juls07.dev-v2) and that's all, checkout my [twitter](https://twitter.com/julie4055_) if you want to hear more about what I do, have a great 2023!
diff --git a/content/blog/what-ive-been-doing.md b/content/blog/what-ive-been-doing.md
index ed424c7..4734fbf 100755
--- a/content/blog/what-ive-been-doing.md
+++ b/content/blog/what-ive-been-doing.md
@@ -17,7 +17,7 @@ So I have been working on a social media site I am currently calling snowballsoc
-This project I again used mongoDB, I fist used mongodb in my [vuefullstack](https://github.com/juls0730/vuefullstack) app, and I loved it, it's much easier for the kind of projects I use than mySQL. Actually targeting a production site rather than just having fun like with my vuefullstack app or my rails-forum, etc. make me worry about alot more thigs like SEO, I tried to add OG tags to the post-show tag just showing post data but it doesnt work because the tags are added after the data loads.
+This project I again used mongoDB, I fist used mongodb in my [vuefullstack](/github/vuefullstack) app, and I loved it, it's much easier for the kind of projects I use than mySQL. Actually targeting a production site rather than just having fun like with my vuefullstack app or my rails-forum, etc. make me worry about alot more thigs like SEO, I tried to add OG tags to the post-show tag just showing post data but it doesnt work because the tags are added after the data loads.
I've gotten a VPS from [linode](https://linode.com) so I could expose my non-static only page to the internet without exposing my home IP address, making me vulnerable to being doxxed and DDoS attacks. Using nignx I have reverse-proxied my api from port 3001 to 2087, and added ssl certs, and I have used it to server my static site on port 80, I have used nginx before and it's pretty simple to use. Optimizing has been the bain of development so far, making api requests faster, and reducing bundle size, I'm going to focus on api optimizations since its the harder one. My main worry for more than a couple requests is getting posts, since I do a for loop to change userId's to usernames
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 48094e7..a9d0058 100755
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -65,6 +65,7 @@ export default defineNuxtConfig({
minify: true,
prerender: {
crawlLinks: true,
+ ignore: ['/github'],
routes: ['/sitemap.xml', '/rss.xml']
},
},
diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
old mode 100755
new mode 100644
index 0b9420f..fbc3d91
--- a/pages/blog/[...slug].vue
+++ b/pages/blog/[...slug].vue
@@ -1,47 +1,12 @@
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/pages/index.vue b/pages/index.vue
old mode 100755
new mode 100644
index 7201dbe..5290a29
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -60,7 +60,7 @@ type ProjectIcon = {
type Project = {
headerIcon: string | string[],
name: string,
- githubLink?: string,
+ repo?: string,
externalLink?: string,
body: string,
icons: ProjectIcon[],
@@ -70,42 +70,42 @@ let projects: Project[] = [
{
headerIcon: "mdi:language-rust",
name: "CappuccinOS",
- githubLink: "https://github.com/juls0730/CappuccinOS",
+ repo: "CappuccinOS",
body: "CappuccinOS is a Rust operating system built from scratch targeting x86_64. This project has oppened my eyes to low level development and let me learn a lot about Rust.",
icons: [{ icon: 'skill-icons:rust', name: 'Rust' }]
},
{
headerIcon: "tabler:brand-nuxt",
name: "Juls07.dev",
- githubLink: "https://github.com/juls0730/juls07.dev",
+ repo: "juls07.dev",
body: "This is the site you're currently on, a simple but decent enough portfolio and blog site.",
icons: [{ icon: 'logos:nuxt-icon', name: 'nuxtjs v3' }]
},
{
headerIcon: "mdi:language-php",
name: "PHP Forum",
- githubLink: "https://github.com/juls0730/php-forum",
+ repo: "php-forum",
body: "This was my first fullstack project and one of my first projects I ever released the source code of.",
icons: [{ icon: 'logos:laravel', name: 'php' }, { icon: 'logos:mysql-icon', name: 'MySQL' }]
},
{
headerIcon: "tabler:brand-vue",
name: "vuefullstack",
- githubLink: "https://github.com/juls0730/vuefullstack",
+ repo: "vuefullstack",
body: "I used this project to learn more about fullstack web development using vue.js. It's just a simple forum, similar to reddit, but much simpler.",
icons: [{ icon: 'logos:vue', name: 'vue v3' }, { icon: 'logos:nodejs-icon-alt', name: 'node.js' }, { icon: 'logos:mongodb-icon', name: 'Mongodb' }]
},
{
headerIcon: "tabler:brand-nuxt",
name: "Discord Clone",
- githubLink: "https://github.com/juls0730/discord-clone",
+ repo: "discord-clone",
body: "Excited by Nuxt 3's recent stable release at the time, I jumped on the opportunity to build a fullstack application with it. This project was an amazing learning experience and I had a blast making it!",
icons: [{ icon: 'logos:nuxt-icon', name: 'nuxtjs v3' }, { icon: 'logos:docker-icon', name: 'Docker' }, { icon: 'logos:postgresql', name: 'Postgres' }]
},
{
headerIcon: "tabler:code-dots",
name: "100DaysOfCode",
- githubLink: "https://github.com/juls0730/100DaysOfCode",
+ repo: "100DaysOfCode",
body: "In the middle of september 2022, I started a 100 days of code challenge, and I wanted to make a UI framework similar to Vue or Svelte. I learned a ton and had a bunch of fun!",
icons: [{ icon: 'logos:nodejs-icon-alt', name: 'node.js' }, { icon: 'logos:typescript-icon', name: 'Typescript' }]
}
@@ -144,8 +144,7 @@ let projects: Project[] = [
development. I first dabbled in web development when I was ten, and here we are today! I mainly use
NuxtJs to build my websites since I absolutely adore Vuejs. For me, I
love being able to imagine anything and it to come to life. Finally, go checkout my Github and also my Twitter.
+ href="/github">Github and also my Twitter.