Skip to content

Commit

Permalink
new layout and permisisons board
Browse files Browse the repository at this point in the history
  • Loading branch information
@FredericoSFerreira
FredericoSFerreira committed Nov 18, 2024
1 parent 3a38b6c commit 5865643
Show file tree
Hide file tree
Showing 6 changed files with 278 additions and 101 deletions.
121 changes: 75 additions & 46 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
@@ -1,62 +1,91 @@
<template>
<header>
<div class="collapse bg-dark" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white">About</h4>
<p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<li><a href="#" class="text-white">Follow on Twitter</a></li>
<li><a href="#" class="text-white">Like on Facebook</a></li>
<li><a href="#" class="text-white">Email me</a></li>
</ul>
</div>
</div>
<!-- Navbar Fixa no Topo -->
<nav class="navbar navbar-expand-lg">
<div class="container-fluid px-3">
<a class="navbar-brand" href="/">
<i class="bi bi-layout-three-columns"></i>
<strong> Open Sprint Retro</strong></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="/">Home</a>
</li>
<!-- <li class="nav-item">-->
<!-- <a class="nav-link" href="#">Sobre</a>-->
<!-- </li>-->
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://stats.uptimerobot.com/aeBUanxj9O">Status</a>
</li>
<!-- <li class="nav-item dropdown">-->
<!-- <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown"-->
<!-- aria-expanded="false">-->
<!-- <i class="fas fa-user"></i> Frederico Ferreira-->
<!-- </a>-->
<!-- <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">-->
<!-- <li><a class="dropdown-item" href="#">Sair</a></li>-->
<!-- </ul>-->
<!-- </li>-->
</ul>
</div>
</div>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container">
<a href="/" class="navbar-brand d-flex align-items-center">
<i class="bi bi-view-stacked"></i>
<strong> Open Sprint Retro</strong>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</header>
<RouterView />
<footer class="text-center footer">
<p>© 2024 Open Sprint Retro. Licensed under MIT License. Feel free to use and contribute! Create by <a href="https://github.com/FredericoSFerreira" class=""><i class="bi bi-github"></i> Frederico Ferreira </a></p>
</nav>
<RouterView/>

<!-- Rodapé Fixo -->
<footer class="text-center py-3 fixed-bottom">
<p class="mb-0">© 2024 Open Sprint Retro. Licensed under MIT License. Create by <a
href="https://github.com/FredericoSFerreira/Open-Sprint-Retro" class=""><i class="bi bi-github"></i> Frederico Ferreira </a></p>
</footer>

</template>


<style>
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px; /* Vertically center the text there */
background-color: #f5f5f5;
/* Estilo claro padrão */
body {
//background-color: #f8f9fa; /* fundo claro */
color: #212529; /* texto escuro */
}
.navbar {
background-color: #212529; /* fundo branco para a navbar */
border-bottom: 1px solid #dee2e6; /* linha de separação da navbar */
}
.navbar-brand, .nav-link {
color: #ffffff !important; /* texto escuro para o menu */
}
.navbar-nav .nav-link:hover {
color: #0056b3 !important; /* cor do texto ao passar o mouse */
}
.icon {
font-size: 60px;
color: #007bff; /* cor do ícone */
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.btn-primary {
background-color: #007bff; /* cor do botão */
border-color: #007bff; /* borda do botão */
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
.btn-primary:hover {
background-color: #0056b3; /* cor do botão ao passar o mouse */
border-color: #004085; /* borda ao passar o mouse */
}
footer {
background-color: #ffffff; /* fundo branco para o rodapé */
border-top: 1px solid #dee2e6; /* linha de separação do rodapé */
color: #212529; /* texto escuro no rodapé */
}
</style>
<script setup>
</script>
10 changes: 8 additions & 2 deletions src/router/index.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { createRouter, createWebHistory } from 'vue-router'
import {createRouter, createWebHistory} from 'vue-router'
import HomeView from '../views/HomeView.vue'
import BoardView from '../views/BoardView.vue'
import ErrorView from '../views/ErrorView.vue'

const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
Expand All @@ -10,11 +11,16 @@ const router = createRouter({
name: 'home',
component: HomeView,
},
{
{
path: '/board/:id',
name: 'board',
component: BoardView,
},
{
path: "/:pathMatch(.*)*",
name: 'error',
component: ErrorView
},
],
})

Expand Down
5 changes: 5 additions & 0 deletions src/utils/validate.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
export const validateEmail = (email) => {
return email.match(
/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
);
};
Loading

0 comments on commit 5865643

Please sign in to comment.