💄 Optimized navbar
🍱 Add solian icons, optimize original icons
This commit is contained in:
parent
166eea22aa
commit
b923f59fb4
BIN
assets/logo-w-shadow.png
Normal file
BIN
assets/logo-w-shadow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 185 KiB |
@ -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 community’s 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.
|
||||||
|
@ -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>
|
||||||
|
@ -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",
|
||||||
})
|
})
|
15
package.json
15
package.json
@ -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
7
pages/posts/[id].vue
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<template></template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
useHead({
|
||||||
|
link: [{ rel: "icon", type: "image/png", href: "/favicon-solian.png" }],
|
||||||
|
})
|
||||||
|
</script>
|
@ -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
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
BIN
public/favicon.png
Executable file → Normal file
Binary file not shown.
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 185 KiB |
@ -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()],
|
||||||
|
})
|
||||||
|
Loading…
Reference in New Issue
Block a user