initial commit
This commit is contained in:
7
app/app.vue
Normal file
7
app/app.vue
Normal file
@@ -0,0 +1,7 @@
|
||||
<template>
|
||||
<UApp>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
</UApp>
|
||||
</template>
|
||||
24
app/assets/css/main.css
Normal file
24
app/assets/css/main.css
Normal file
@@ -0,0 +1,24 @@
|
||||
@import "@nuxt/ui";
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
/* Default to Inter / JetBrains Mono / Noto Sans fonts */
|
||||
--font-sans:
|
||||
"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--font-mono:
|
||||
"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas,
|
||||
"Liberation Mono", "Courier New", monospace;
|
||||
/* Primary Color is Neon Red */
|
||||
--color-primary: #ff073a;
|
||||
--color-primary-100: #ffe5ea;
|
||||
--color-primary-200: #ffb3bf;
|
||||
--color-primary-300: #ff8094;
|
||||
--color-primary-400: #ff4d69;
|
||||
--color-primary-500: #ff1a3e;
|
||||
--color-primary-600: #e60035;
|
||||
--color-primary-700: #b40029;
|
||||
--color-primary-800: #82001e;
|
||||
--color-primary-900: #4d0012;
|
||||
}
|
||||
13
app/layouts/default.vue
Normal file
13
app/layouts/default.vue
Normal file
@@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
29
app/pages/index.vue
Normal file
29
app/pages/index.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<UPage>
|
||||
<UPageSection title="Trusted by">
|
||||
<UMarquee>
|
||||
<img
|
||||
v-for="logo in trustedBy"
|
||||
:key="logo.src"
|
||||
:src="logo.src"
|
||||
:alt="logo.alt"
|
||||
class="h-12 mx-8 grayscale opacity-60"
|
||||
/>
|
||||
</UMarquee>
|
||||
</UPageSection>
|
||||
</UPage>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
const trustedBy = ref([
|
||||
{ src: "/index/trusted-by/logoipsum-284.svg", alt: "Logo Ipsum" },
|
||||
{ src: "/index/trusted-by/logoipsum-338.svg", alt: "Logo Ipsum" },
|
||||
{ src: "/index/trusted-by/logoipsum-353.svg", alt: "Logo Ipsum" },
|
||||
{ src: "/index/trusted-by/logoipsum-378.svg", alt: "Logo Ipsum" },
|
||||
{ src: "/index/trusted-by/logoipsum-392.svg", alt: "Logo Ipsum" },
|
||||
{ src: "/index/trusted-by/logoipsum-403.svg", alt: "Logo Ipsum" },
|
||||
{ src: "/index/trusted-by/logoipsum-409.svg", alt: "Logo Ipsum" },
|
||||
]);
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
Reference in New Issue
Block a user