💄 Optimized navbar

🍱 Add solian icons, optimize original icons
This commit is contained in:
LittleSheep 2024-08-10 13:26:58 +08:00
parent 166eea22aa
commit b923f59fb4
10 changed files with 66 additions and 29 deletions

BIN
assets/logo-w-shadow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

View File

@ -1,6 +1,24 @@
--- ---
thumbnail: /thumbnails/products/solar-network.webp thumbnail: /thumbnails/products/solar-network.webp
title: Solar Network title: Solar Network
description: Solar Network is Solsynth LLC's core product in the internet. description: Your all-in-one platform for building and connecting communities.
url: https://lian.solsynth.dev url: https://lian.solsynth.dev
--- ---
Solar Network is an innovative platform that seamlessly integrates social interactions, chat, and voice calls into a single, cohesive experience. With Solar Network, you can effortlessly build and manage your own community.
## Key Features
- Social Integration: Connect and engage with others through a comprehensive social platform that brings together various forms of interaction.
- Chat: Enjoy real-time messaging with individuals and groups, making communication smooth and efficient.
- Voice Calls: Experience crystal-clear voice calls, enabling you to connect on a deeper level with your community.
## Why Choose Solar Network?
- User-Friendly: Designed with simplicity in mind, making it easy for anyone to create and manage their community.
- All-in-One Solution: Combines essential communication tools into one platform, eliminating the need for multiple apps.
- Customizable: Tailor the platform to suit your communitys unique needs and preferences.
Join Solar Network today and start building your community with ease!
Feel free to adjust any details to better fit your vision for the product.

View File

@ -1,15 +1,15 @@
<template> <template>
<v-app-bar flat color="primary"> <v-app-bar flat color="primary">
<v-container class="mx-auto d-flex align-center justify-center px-8"> <v-container fluid class="mx-auto d-flex align-center justify-center px-8">
<nuxt-link to="/" exact> <nuxt-link to="/" exact>
<v-avatar class="me-4" color="transparent" size="32" :image="Logo" /> <v-avatar class="me-4 ms-1" color="transparent" size="32" :image="Logo" />
</nuxt-link> </nuxt-link>
<v-btn variant="text" text="Products" to="/products" exact /> <v-btn variant="text" text="Products" to="/products" exact />
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn href="https://id.solsynth.dev" target="_blank" icon> <v-btn href="https://id.solsynth.dev" target="_blank" icon slim>
<v-avatar size="small" color="transparent" icon="mdi-account-circle" /> <v-avatar size="small" color="transparent" icon="mdi-account-circle" />
</v-btn> </v-btn>
</v-container> </v-container>
@ -21,5 +21,5 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Logo from "../assets/logo.png" import Logo from "../assets/logo-w-shadow.png"
</script> </script>

View File

@ -3,6 +3,7 @@ import vuetify, { transformAssetUrls } from "vite-plugin-vuetify"
// https://nuxt.com/docs/api/configuration/nuxt-config // https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({ export default defineNuxtConfig({
devtools: { enabled: true }, devtools: { enabled: true },
app: { app: {
head: { head: {
title: "Solsynth LLC", title: "Solsynth LLC",
@ -10,6 +11,7 @@ export default defineNuxtConfig({
link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }], link: [{ rel: "icon", type: "image/png", href: "/favicon.png" }],
}, },
}, },
content: { content: {
api: { api: {
baseURL: "/api/content", baseURL: "/api/content",
@ -18,9 +20,11 @@ export default defineNuxtConfig({
theme: "github-dark", theme: "github-dark",
}, },
}, },
build: { build: {
transpile: ["vuetify"], transpile: ["vuetify"],
}, },
modules: [ modules: [
"@unocss/nuxt", "@unocss/nuxt",
"@nuxt/content", "@nuxt/content",
@ -33,6 +37,7 @@ export default defineNuxtConfig({
}, },
//... //...
], ],
vite: { vite: {
vue: { vue: {
template: { template: {
@ -40,4 +45,6 @@ export default defineNuxtConfig({
}, },
}, },
}, },
compatibilityDate: "2024-08-10",
}) })

View File

@ -10,17 +10,18 @@
"postinstall": "nuxt prepare" "postinstall": "nuxt prepare"
}, },
"dependencies": { "dependencies": {
"@fontsource/roboto": "^5.0.13", "@fontsource/roboto": "^5.0.14",
"@mdi/font": "^7.4.47", "@mdi/font": "^7.4.47",
"@nuxt/content": "^2.13.0", "@nuxt/content": "^2.13.2",
"@nuxt/image": "^1.7.0", "@nuxt/image": "^1.7.0",
"nuxt": "^3.12.2", "nuxt": "^3.12.4",
"vue": "latest" "vue": "latest"
}, },
"devDependencies": { "devDependencies": {
"@unocss/nuxt": "^0.61.0", "@unocss/nuxt": "^0.61.9",
"@unocss/reset": "^0.61.0", "@unocss/preset-typography": "^0.61.9",
"vite-plugin-vuetify": "^2.0.3", "@unocss/reset": "^0.61.9",
"vuetify": "^3.6.10" "vite-plugin-vuetify": "^2.0.4",
"vuetify": "^3.6.14"
} }
} }

7
pages/posts/[id].vue Normal file
View File

@ -0,0 +1,7 @@
<template></template>
<script setup lang="ts">
useHead({
link: [{ rel: "icon", type: "image/png", href: "/favicon-solian.png" }],
})
</script>

View File

@ -1,5 +1,6 @@
<template> <template>
<v-container> <v-container>
<article class="text-base prose prose-truegray xl:text-lg mx-auto">
<content-doc> <content-doc>
<template #empty> <template #empty>
<v-empty-state <v-empty-state
@ -14,6 +15,7 @@
</v-empty-state> </v-empty-state>
</template> </template>
</content-doc> </content-doc>
</article>
</v-container> </v-container>
</template> </template>

BIN
public/favicon-solian.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 406 KiB

BIN
public/favicon.png Executable file → Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

After

Width:  |  Height:  |  Size: 185 KiB

View File

@ -1,3 +1,5 @@
import { defineConfig } from "unocss" import { defineConfig, presetAttributify, presetTypography, presetUno } from "unocss"
export default defineConfig({}) export default defineConfig({
presets: [presetAttributify(), presetUno(), presetTypography()],
})