Merge branch 'add-illustrations' into 'master'
Add illustrations See merge request framasoft/mobilizon!623
After Width: | Height: | Size: 1.9 MiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.5 MiB |
After Width: | Height: | Size: 725 KiB |
BIN
js/public/img/pics/2020-10-06_Rose.jpg
Normal file
After Width: | Height: | Size: 133 KiB |
BIN
js/public/img/pics/footer_1.jpg
Normal file
After Width: | Height: | Size: 379 KiB |
BIN
js/public/img/pics/footer_2.jpg
Normal file
After Width: | Height: | Size: 359 KiB |
BIN
js/public/img/pics/footer_3.jpg
Normal file
After Width: | Height: | Size: 376 KiB |
BIN
js/public/img/pics/footer_4.jpg
Normal file
After Width: | Height: | Size: 358 KiB |
BIN
js/public/img/pics/footer_5.jpg
Normal file
After Width: | Height: | Size: 518 KiB |
|
@ -1,7 +1,6 @@
|
|||
<template>
|
||||
<footer class="footer" ref="footer">
|
||||
<mobilizon-logo :invert="true" class="logo" />
|
||||
<!-- <img src="../assets/footer.png" :alt="$t('World map')" /> -->
|
||||
<img :src="`/img/pics/footer_${random}.jpg`" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<router-link :to="{ name: RouteName.ABOUT }">{{ $t("About") }}</router-link>
|
||||
|
@ -32,41 +31,50 @@
|
|||
<script lang="ts">
|
||||
import { Component, Vue } from "vue-property-decorator";
|
||||
import RouteName from "../router/name";
|
||||
import Logo from "./Logo.vue";
|
||||
|
||||
@Component({
|
||||
components: {
|
||||
"mobilizon-logo": Logo,
|
||||
},
|
||||
})
|
||||
@Component
|
||||
export default class Footer extends Vue {
|
||||
RouteName = RouteName;
|
||||
|
||||
// eslint-disable-next-line class-methods-use-this
|
||||
get random(): number {
|
||||
return Math.floor(Math.random() * 4) + 1;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "~bulma/sass/utilities/mixins.sass";
|
||||
footer.footer {
|
||||
color: $secondary;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
padding: 1rem 1.5rem;
|
||||
|
||||
.logo {
|
||||
fill: $secondary;
|
||||
img {
|
||||
flex: 1;
|
||||
max-width: 300px;
|
||||
margin-bottom: 2rem;
|
||||
max-width: 40rem;
|
||||
@include mobile {
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
div.content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
ul li {
|
||||
ul {
|
||||
display: inline-flex;
|
||||
margin: auto 5px;
|
||||
a {
|
||||
font-size: 1.1rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
|
||||
li {
|
||||
display: inline-flex;
|
||||
margin: auto 5px;
|
||||
a {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
@import "~bulma/sass/utilities/_all";
|
||||
@import "~bulma/sass/utilities/functions.sass";
|
||||
@import "~bulma/sass/utilities/initial-variables.sass";
|
||||
@import "~bulma/sass/utilities/derived-variables.scss";
|
||||
|
||||
$bleuvert: #1e7d97;
|
||||
$jaune: #ffd599;
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<section class="section container has-text-centered not-found">
|
||||
<div class="columns is-vertical">
|
||||
<div class="column is-centered">
|
||||
<div class="columns is-vertical is-centered">
|
||||
<div class="column is-half">
|
||||
<img src="/img/pics/2020-10-06-mobilizon-illustration-E_realisation.jpg" alt="" />
|
||||
<h1 class="title">{{ $t("The page you're looking for doesn't exist.") }}</h1>
|
||||
<p>
|
||||
{{ $t("Please make sure the address is correct and that the page hasn't been moved.") }}
|
||||
|
@ -56,7 +57,7 @@ export default class PageNotFound extends Vue {
|
|||
<style lang="scss">
|
||||
.container.not-found {
|
||||
margin: auto;
|
||||
max-width: 600px;
|
||||
background: $white;
|
||||
|
||||
img {
|
||||
margin-top: 3rem;
|
||||
|
|