diff --git a/assets/css/main.css b/assets/css/main.css
index 5902ba3..3652fac 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -215,36 +215,29 @@ p {
.project-card {
--ui-ring-offset: -2px;
height: 100%;
- width: fit-content;
- position: relative;
padding: 1rem;
- display: flex;
- flex-direction: column;
- justify-content: end;
- background-color: linear;
- background-position: center center;
- background-size: cover;
- @apply not-first:border-l border-(--ui-border-accented) hover:bg-(--ui-text)/5 active:bg-(--ui-text)/10;
+ @apply bg-(--ui-bg-muted) hover:bg-(--ui-bg-elevated);
h3 { @apply text-3xl font-bold; font-variation-settings: 'wdth' 125; }
h3,p { @apply w-96; z-index: 1; }
- img { @apply mb-2 aspect-video object-cover w-96; }
+ img { @apply mb-2 aspect-video object-cover w-full; }
p {
@apply line-clamp-2;
margin: 0;
height: 2.5em;
+ width: 100%;
}
}
.hamburger-toggle {
@apply flex md:hidden h-16 w-9 cursor-pointer items-center justify-center hover:bg-(--ui-text)/5 active:bg-(--ui-text)/10 transition-colors duration-100 ease-fluid;
}
.hamburger-menu {
- @apply flex flex-col fixed left-0 top-16 w-full bg-(--ui-bg-elevated) h-full z-[1000];
+ @apply flex flex-col fixed left-0 top-16 w-full bg-(--ui-bg-elevated) h-full z-[1000] border-(--ui-border-accented) border-t;
.nav-wrapper {
list-style-type: none;
display: flex;
flex-direction: column;
margin: 0;
- margin-left: calc(var(--spacing)*4);
+ padding-left: calc(var(--spacing)*4);
width: 100%;
.nav-link {
height: calc(var(--spacing)*16);
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 4108bda..b79be0a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,12 +10,16 @@ export default defineNuxtConfig({
tailwindcss(),
],
},
+ runtimeConfig: {
+ public: {
+ baseUrl: process.env.NUXT_PUBLIC_BASE_URL
+ }
+ },
modules: ['@nuxt/content', '@nuxt/image', '@nuxt/eslint', '@nuxtjs/color-mode', '@nuxt/icon'],
app: {
head: {
titleTemplate: `%s / ${process.env.NUXT_PUBLIC_SITE_NAME || 'thawia.ng'}`,
meta: [
- { name: 'google-site-verification', content: 'lLsgPlllQ5O3Vsn5kDQgo88ORYyhRMV-GnrXtkjuJeg' }, // PRESERVE FOR TECHIT.DAILITATION.XYZ ONLY, DO NOT USE IT IN YOUR WEBSITE!
{ name: 'description', content: `Just another personal website, Created by ${process.env.NUXT_PUBLIC_AUTHOR}` },
{ name: 'referrer', content: 'strict-origin-when-cross-origin' },
{ name: 'canonical', content: process.env.NUXT_PUBLIC_BASE_URL },
diff --git a/pages/index.vue b/pages/index.vue
index fd9f401..4f75608 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -17,21 +17,21 @@
Projects
As I said above, I usually spend my free time learning more about software engineering. This includes server administration for dailitation.xyz. Over time, small and large projects have been born and have died.
Let's go take a look of my projects collection!
- 
+ 
+ 