agorata
/
frontend
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Wrote the landing

vue
Lev 2 years ago
parent
bbc18c8cc8
commit
fa34b1b1bc
9 changed files with 73 additions and 157 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 34
      .idea/workspace.xml
  2. 1
      index.html
  3. BIN
      src/assets/logo.png
  4. 22
      src/assets/main.css
  5. 4
      src/components/Header.vue
  6. 86
      src/components/TheWelcome.vue
  7. 13
      src/router/index.ts
  8. 21
      src/views/Landing.vue
  9. 15
      src/views/TonWeb.vue

34
.idea/workspace.xml
Unescape View File

@ -2,29 +2,15 @@
<project version="4"> <project version="4">
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="ddb8afd5-d3ba-47b1-b6d0-227403f1abf7" name="Changes" comment=""> <list default="true" id="ddb8afd5-d3ba-47b1-b6d0-227403f1abf7" name="Changes" comment="">
<change afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" /> <change afterPath="$PROJECT_DIR$/src/views/TonWeb.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/modules.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/assets/logo.png" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/logo.png" afterDir="false" />
<change afterPath="$PROJECT_DIR$/README.md" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/assets/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/main.css" afterDir="false" />
<change afterPath="$PROJECT_DIR$/env.d.ts" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/Header.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Header.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/index.html" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/TheWelcome.vue" beforeDir="false" />
<change afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/router/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/router/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/package.json" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/views/Landing.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Landing.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/public/favicon.ico" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/App.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/assets/base.css" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/assets/logo.svg" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/assets/main.css" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/components/Header.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/components/TheWelcome.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/main.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/router/index.ts" afterDir="false" />
<change afterPath="$PROJECT_DIR$/src/views/Landing.vue" afterDir="false" />
<change afterPath="$PROJECT_DIR$/tailwind.config.js" afterDir="false" />
<change afterPath="$PROJECT_DIR$/tsconfig.config.json" afterDir="false" />
<change afterPath="$PROJECT_DIR$/tsconfig.json" afterDir="false" />
<change afterPath="$PROJECT_DIR$/vite.config.ts" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -80,7 +66,7 @@
<option name="number" value="Default" /> <option name="number" value="Default" />
<option name="presentableId" value="Default" /> <option name="presentableId" value="Default" />
<updated>1670839492682</updated> <updated>1670839492682</updated>
<workItem from="1670839496719" duration="2515000" /> <workItem from="1670839496719" duration="3412000" />
</task> </task>
<servers /> <servers />
</component> </component>

1
index.html
Unescape View File

@ -19,6 +19,7 @@
padding: 0; padding: 0;
font-family: 'Raleway', serif; font-family: 'Raleway', serif;
font-size: 1.5rem; font-size: 1.5rem;
background: white;
} }
html { html {
padding: 0; padding: 0;

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 122 KiB

After

Width:  |  Height:  |  Size: 119 KiB

22
src/assets/main.css
Unescape View File

@ -3,6 +3,8 @@
#app { #app {
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
min-width: 100vw;
min-height: 100vh;
} }
a, a,
@ -30,3 +32,23 @@ a,
padding: 0; padding: 0;
} }
} }
.bwhite {
background-color: white;
color: #282e46;
border: none;
border-radius: 5px;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.6rem;
margin: 4px 2px;
cursor: pointer;
font-weight: bold;
}
.wide.bwhite {
min-width: 16rem;
margin: 0.5rem;
}

4
src/components/Header.vue
Unescape View File

@ -20,11 +20,13 @@ export default {
<style scoped> <style scoped>
header { header {
line-height: 1.5; line-height: 1.5;
max-height: 100vh; max-height: 10rem;
padding-left: 1rem;
} }
.logo { .logo {
display: block; display: block;
margin: 0 auto 2rem; margin: 0 auto 2rem;
max-width: 17rem;
} }
nav { nav {

86
src/components/TheWelcome.vue
Unescape View File

@ -1,86 +0,0 @@
<script setup lang="ts">
import WelcomeItem from './WelcomeItem.vue'
import DocumentationIcon from './icons/IconDocumentation.vue'
import ToolingIcon from './icons/IconTooling.vue'
import EcosystemIcon from './icons/IconEcosystem.vue'
import CommunityIcon from './icons/IconCommunity.vue'
import SupportIcon from './icons/IconSupport.vue'
</script>
<template>
<WelcomeItem>
<template #icon>
<DocumentationIcon />
</template>
<template #heading>Documentation</template>
Vue’s
<a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
provides you with all information you need to get started.
</WelcomeItem>
<WelcomeItem>
<template #icon>
<ToolingIcon />
</template>
<template #heading>Tooling</template>
This project is served and bundled with
<a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
recommended IDE setup is
<a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
<a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
you need to test your components and web pages, check out
<a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
<a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
<br />
More instructions are available in <code>README.md</code>.
</WelcomeItem>
<WelcomeItem>
<template #icon>
<EcosystemIcon />
</template>
<template #heading>Ecosystem</template>
Get official tools and libraries for your project:
<a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
<a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
<a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
<a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
you need more resources, we suggest paying
<a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
a visit.
</WelcomeItem>
<WelcomeItem>
<template #icon>
<CommunityIcon />
</template>
<template #heading>Community</template>
Got stuck? Ask your question on
<a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
Discord server, or
<a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
>StackOverflow</a
>. You should also subscribe to
<a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
the official
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
twitter account for latest news in the Vue world.
</WelcomeItem>
<WelcomeItem>
<template #icon>
<SupportIcon />
</template>
<template #heading>Support Vue</template>
As an independent project, Vue relies on community backing for its sustainability. You can help
us by
<a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
</WelcomeItem>
</template>

13
src/router/index.ts
Unescape View File

@ -8,15 +8,12 @@ const router = createRouter({
path: '/', path: '/',
name: 'home', name: 'home',
component: Landing component: Landing
},
{
path: '/tonweb',
name: 'tonweb',
component: () => import('../views/TonWeb.vue')
} }
// {
// path: '/about',
// name: 'about',
// // route level code-splitting
// // this generates a separate chunk (About.[hash].js) for this route
// // which is lazy-loaded when the route is visited.
// component: () => import('../views/AboutView.vue')
// }
] ]
}) })

21
src/views/Landing.vue
Unescape View File

@ -51,25 +51,4 @@ main {
align-items: center; align-items: center;
} }
// A white button with rounded corners and black text
.bwhite {
background-color: white;
color: #282e46;
border: none;
border-radius: 5px;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.6rem;
margin: 4px 2px;
cursor: pointer;
font-weight: bold;
}
// wide bwhite
.wide.bwhite {
min-width: 16rem;
margin: 0.5rem;
}
</style> </style>

15
src/views/TonWeb.vue
Unescape View File

@ -0,0 +1,15 @@
<template>
<Header/>
</template>
<script>
import Header from "../components/Header.vue";
export default {
name: "TonWeb",
components: {Header}
}
</script>
<style scoped>
</style>
Write Preview
Loading…
Cancel
Save