From 1be368a905665722d977ae3478c65008c9647b8c Mon Sep 17 00:00:00 2001 From: Martin Araneda Date: Mon, 30 Jan 2023 21:32:32 -0300 Subject: [PATCH] Login page finished --- frontend/src/main.js | 8 +- frontend/src/router/index.js | 5 + frontend/src/views/Button.vue | 360 +++++++++++++++++++++++++++++++++ frontend/src/views/Landing.vue | 359 ++++---------------------------- frontend/src/views/Login.vue | 48 +++++ 5 files changed, 456 insertions(+), 324 deletions(-) create mode 100644 frontend/src/views/Button.vue create mode 100644 frontend/src/views/Login.vue diff --git a/frontend/src/main.js b/frontend/src/main.js index 1bb02b1..11706cb 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -4,10 +4,12 @@ import { createPinia } from 'pinia'; import App from './App.vue'; import router from './router'; - +import Button from 'primevue/button'; import PrimeVue from 'primevue/config'; import Chart from 'primevue/chart'; import Dropdown from 'primevue/dropdown'; +import InputText from 'primevue/inputtext'; +import Password from 'primevue/password'; import '@/assets/styles.scss'; const app = createApp(App); @@ -17,9 +19,11 @@ app.use(router); app.use(PrimeVue, { ripple: true }); +app.component('Button', Button); app.component('Chart', Chart); app.component('Dropdown', Dropdown); - +app.component('InputText', InputText); +app.component('Password', Password); app.mount('#app'); diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js index a00fdce..1b5b7aa 100644 --- a/frontend/src/router/index.js +++ b/frontend/src/router/index.js @@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'; import AppLayout from '@/layout/AppLayout.vue'; import HomeView from '../views/HomeView.vue'; import Landing from '../views/Landing.vue'; +import Login from '../views/Login.vue'; const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), @@ -10,6 +11,10 @@ const router = createRouter({ path: '/', component: Landing }, + { + path: '/login', + component: Login + }, { path: '/home', component: AppLayout, diff --git a/frontend/src/views/Button.vue b/frontend/src/views/Button.vue new file mode 100644 index 0000000..ff23941 --- /dev/null +++ b/frontend/src/views/Button.vue @@ -0,0 +1,360 @@ + + + + + diff --git a/frontend/src/views/Landing.vue b/frontend/src/views/Landing.vue index 043ed4a..8562cc8 100644 --- a/frontend/src/views/Landing.vue +++ b/frontend/src/views/Landing.vue @@ -20,9 +20,7 @@ const logoUrl = computed(() => {
- Sakai LogoSAKAI + @@ -33,7 +31,8 @@ const logoUrl = computed(() => { class="list-none p-0 m-0 flex lg:align-items-center select-none flex-column lg:flex-row cursor-pointer">
  • + class="flex m-0 md:ml-5 px-0 py-3 text-900 font-medium line-height-3 p-ripple" v-ripple + href="home"> Home
    • @@ -44,35 +43,39 @@ const logoUrl = computed(() => {
  • - - Highlights + More info
  • - - Pricing + Downloads
    • +
    - - + + +
    +
    -

    Eu sem - integereget magna fermentum

    -

    Sed blandit libero volutpat sed - cras. Fames ac turpis egestas integer. Placerat in egestas erat...

    +

    A.I. + DevelopmentAlai & + Obelisk

    +

    Artificial Intelligence + implementation in a 2D-based platform videogame using a self-made declarative language

    @@ -81,161 +84,11 @@ const logoUrl = computed(() => {
    -
    -
    -
    -

    Marvelous Features

    - Placerat in egestas erat... -
    -
    -
    -
    -
    - -
    -
    Easy to Use
    - Posuere morbi leo urna molestie. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Fresh Design
    - Semper risus in hendrerit. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Well Documented
    - Non arcu risus quis varius quam quisque. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Responsive Layout
    - Nulla malesuada pellentesque elit. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Clean Code
    - Condimentum lacinia quis vel eros. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Dark Mode
    - Convallis tellus id interdum velit laoreet. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Ready to Use
    - Mauris sit amet massa vitae. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Modern Practices
    - Elementum nibh tellus molestie nunc non. -
    -
    -
    - -
    -
    -
    -
    - -
    -
    Privacy
    - Neque egestas congue quisque. -
    -
    -
    - -
    -
    -

    Joséphine Miller

    - Peak Interactive -

    - “Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat - nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui - officia deserunt mollit anim id est laborum.” -

    - Company logo -
    -
    -
    -
    - -
    +
    -

    Powerful Everywhere

    - Amet consectetur adipiscing elit... +

    Features

    +
    @@ -247,26 +100,26 @@ const logoUrl = computed(() => {
    - +
    -

    Congue Quisque Egestas

    - Lectus arcu - bibendum at varius vel pharetra vel turpis nunc. Eget aliquet nibh praesent tristique magna - sit amet purus gravida. Sit amet mattis vulputate enim nulla aliquet. +

    Alai

    + Alai is a + 2D-based platform videogame made with a friendly and easy-to-use game engine called + "Godot". Alai contains within the game a player registration menu and recollection of data + for each playthrough so the data can be analyzed for future use
    -
    - +
    -

    Celerisque Eu Ultrices

    - Adipiscing - commodo elit at imperdiet dui. Viverra nibh cras pulvinar mattis nunc sed blandit libero. - Suspendisse in est ante in. Mauris pharetra et ultrices neque ornare aenean euismod - elementum nisi. +

    Obelisk

    + A compiled + and declarative self-made language with the purpose of the creation of an Artifitial + Intelligence, inspired on the logical language "Prolog"
    {
    -
    -
    -

    Matchless Pricing

    - Amet consectetur adipiscing elit... -
    -
    -
    -
    -

    Free

    - free -
    - $0 - per month - -
    - -
      -
    • - - Responsive Layout -
      • -
    • - - Unlimited Push Messages -
      • -
    • - - 50 Support Ticket -
      • -
    • - - Free Shipping -
      • -
    -
    -
    - -
    -
    -

    Startup

    - startup -
    - $1 - per month - -
    - -
      -
    • - - Responsive Layout -
      • -
    • - - Unlimited Push Messages -
      • -
    • - - 50 Support Ticket -
      • -
    • - - Free Shipping -
      • -
    -
    -
    - -
    -
    -

    Enterprise

    - enterprise -
    - $999 - per month - -
    - -
      -
    • - - Responsive Layout -
      • -
    • - - Unlimited Push Messages -
      • -
    • - - 50 Support Ticket -
      • -
    • - - Free Shipping -
      • -
    -
    -
    -
    -
    - - footer sections -

    SAKAI

    -     +
    -
    +
    -

    Company

    +

    Project

    About Us - News - Investor - Relations - Careers - Media Kit -
    - -
    -

    Resources

    - Get Started - Learn - Case Studies -
    - -
    -

    Community

    - Discord - Events - FAQ - Blog -
    - -
    -

    Legal

    - Brand Policy - Privacy Policy - Terms of Service
    diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue new file mode 100644 index 0000000..52be321 --- /dev/null +++ b/frontend/src/views/Login.vue @@ -0,0 +1,48 @@ + + + + +