host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add index page, favicon, robots.txt and sitemap.xml

Browse source
This commit is contained in:
Paul Nicoué 2022-12-08 15:17:39 +01:00
parent 820907c3c2
commit cb904127c0
26 changed files with 4163 additions and 2638 deletions
Download patch file Download diff file Expand all files Collapse all files

107
app.vue
View file

@ -1,7 +1,8 @@
<template>
<div>
<NuxtPage />
<div class="app">
<NuxtPage class="app__main"/>
<AppFooter class="app__footer"/>
</div>
</template>
@ -25,16 +26,16 @@
/* Name */
{id: 'schema_name', itemprop: 'name', content: 'Paul Nicoué'},
/* Description */
{name: 'description', content: 'Intégrateur et développeur web.'},
{id: 'schema_description', itemprop: 'description', content: 'Intégrateur et développeur web.'},
{name: 'description', content: 'Intégrateur web et développeur full stack.'},
{id: 'schema_description', itemprop: 'description', content: 'Intégrateur web et développeur full stack.'},
/* Author */
{name: 'author', content: 'Paul Nicoué'},
/* Image */
{id: 'schema_image', itemprop: 'image', content: '#'},
{id: 'schema_image', itemprop: 'image', content: 'images/paul-nicoue-logo-1200x675px.png'},
/* Open Graph */
{property: 'og:title', content: pageTitle},
{property: 'og:description', content: 'Intégrateur et développeur web.'},
{property: 'og:image', content: '#'},
{property: 'og:description', content: 'Intégrateur web et développeur full stack.'},
{property: 'og:image', content: 'images/paul-nicoue-logo-1200x675px.png'},
{property: 'og:image:width', content: '1200'},
{property: 'og:image:height', content: '675'},
{property: 'og:url', content: pageUrl},
@ -42,17 +43,17 @@
/* Twitter Card */
{name: 'twitter:card', content: 'summary_large_image'},
{name: 'twitter:title', content: 'Paul Nicoué'},
{name: 'twitter:description', content: 'Intégrateur et développeur web.'},
{name: 'twitter:image', content: '#'}
{name: 'twitter:description', content: 'Intégrateur web et développeur full stack.'},
{name: 'twitter:image', content: 'images/paul-nicoue-logo-1200x675px.png'}
],
link: [
/* Canonical URL */
{rel: 'canonical', href: pageUrl},
/* Favicon */
{rel: 'icon', sizes: 'any', href: '#'},
{rel: 'icon', type: 'image/svg+xml', href: '#'},
{rel: 'apple-touch-icon', href: '#'},
{rel: 'manifest', href: '#'}
{rel: 'icon', sizes: 'any', href: 'favicon/paul-nicoue-favicon.ico'},
{rel: 'icon', type: 'image/svg+xml', href: 'favicon/paul-nicoue-favicon.svg'},
{rel: 'apple-touch-icon', href: 'favicon/paul-nicoue-apple-touch-icon.png'},
{rel: 'manifest', href: 'favicon/paul-nicoue.webmanifest'}
],
style: [
/* Schema */
@ -85,58 +86,9 @@
// ----------------------------------------------------------------------------
@use 'minireset.css';
// ----------------------------------------------------------------------------
// VARIABLES
// ----------------------------------------------------------------------------
:root {
// Fonts
--text-font-family: 'Nunito', Verdana, sans-serif;
--title-font-family: 'Gloria Hallelujah', Verdana, sans-serif;
--regular-font-weight: 400;
--medium-font-weight: 500;
--semi-bold-font-weight: 600;
--bold-font-weight: 700;
--text-font-size: 1rem;
--text-line-height: calc(var(--text-font-size) * 1.2);
--caption-font-size: 0.9rem;
--caption-line-height: calc(var(--caption-font-size) * 1.2);
--footnote-font-size: 0.8rem;
--footnote-line-height: calc(var(--footnote-font-size) * 1.2);
--h1-font-size: 1.6rem;
--h1-line-height: calc(var(--h1-font-size) * 1.2);
--h2-font-size: 1.4rem;
--h2-line-height: calc(var(--h2-font-size) * 1.2);
--h3-font-size: 1.2rem;
--h3-line-height: calc(var(--h3-font-size) * 1.2);
// Dimensions
--icon-size: 2.5rem;
// Colors
--eerie-black: #212121;
--emerald: #72C080;
--granny-smith-apple: #A3F3B0;
--middle-green: #428F53;
}
// Media queries
$tablet-media-query: 48rem;
$desktop-media-query: 62rem;
@media screen and (min-width: $tablet-media-query) {
:root {
}
}
@use '~/assets/styles/fonts';
@use '~/assets/styles/variables';
@use '~/assets/styles/animations';
// ----------------------------------------------------------------------------
// GENERALITIES
@ -147,6 +99,7 @@
body {
font-family: var(--text-font-family);
font-size: var(--text-font-size);
font-weight: var(--regular-font-weight);
line-height: var(--text-line-height);
color: white;
background-color: var(--eerie-black);
@ -155,11 +108,12 @@
h1 {
font-family: var(--title-font-family);
font-size: var(--h1-font-size);
font-weight: var(--medium-font-weight);
line-height: var(--h1-line-height);
}
h2 {
font-family: var(--text-font-family);
font-family: var(--title-font-family);
font-size: var(--h2-font-size);
line-height: var(--h2-line-height);
margin: 0 0 4rem 0;
@ -201,4 +155,25 @@
}
}
// Layout
.app {
min-height: 100vh;
display: grid;
grid:
'app-main' 1fr
'app-footer' auto
/ 1fr;
place-items: center;
&__main {
grid-area: app-main;
}
&__footer {
grid-area: app-footer;
}
}
</style>