edbrz9
/
ed.brz9.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

info span added

This commit is contained in:
ed barz 2022-05-16 10:56:30 +02:00
parent c1784fbdd5
commit 70902b47f9
4 changed files with 37 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
proj/map/asset/css/font.css
View File

@ -22,6 +22,11 @@
font-weight: 400; font-weight: 400;
} }
@font-face {
font-family: Inter;
src: url("../fonts/inter/Inter-SemiBold.woff");
font-weight: 600;
}
html { html {
font-family: Inter; font-family: Inter;

23
proj/map/asset/css/style.css
View File

@ -78,6 +78,8 @@ div#list::-webkit-scrollbar {
} }
span.listname { span.listname {
margin-top: 10px;
margin-bottom: 10px;
display: inline-block; display: inline-block;
} }
@ -110,7 +112,8 @@ main section.void {
section.lastlistitem { section.lastlistitem {
width: 100vw; width: 100vw;
margin-bottom: 10px; margin-bottom: 20px;
position: relative;
} }
section.lastlistitem aside { section.lastlistitem aside {
@ -123,6 +126,10 @@ section.lastlistitem aside h3 {
margin-bottom: 0px; margin-bottom: 0px;
} }
section.lastlistitem aside p {
padding-right: 20px;
}
section.lastlistitem img { section.lastlistitem img {
width: 100%; width: 100%;
height: 200px; height: 200px;
@ -135,3 +142,17 @@ section.lastlistitem:after {
display: table; display: table;
clear: both; clear: both;
} }
section.lastlistitem aside span.info {
position: absolute;
bottom: 0px;
font-size: 30px;
font-weight: 600;
width: 32px;
height: 32px;
text-align: center;
border-radius: 100%;
background-color: var(--b9h-color-fg);
color: var(--b9h-color-bg);
}

BIN
proj/map/asset/js/.main.js.swp
View File

Binary file not shown.

17
proj/map/asset/js/main.js
View File

@ -24,11 +24,14 @@ Vue.component('Accordeon', {
<aside> <aside>
<img v-bind:src="this.list.img"></img> <img v-bind:src="this.list.img"></img>
</aside> </aside>
<aside> <aside class="txt">
<h3>{{ this.list.name }}</h3> <h3>{{ this.list.name }}</h3>
<p class="b9h-lang-fr">{{ this.list.txtFR }}</p> <p class="b9h-lang-fr">{{ this.list.txtFR }}</p>
<p class="b9h-lang-en">{{ this.list.txtEN }}</p> <p class="b9h-lang-en">{{ this.list.txtEN }}</p>
<p class="b9h-lang-it">{{ this.list.txtIT }}</p> <p class="b9h-lang-it">{{ this.list.txtIT }}</p>
<span class="info">i</span>
</aside> </aside>
</section> </section>
</section> </section>
@ -99,18 +102,18 @@ let vm = new Vue({
type : "item", type : "item",
name: "San Telmo", name: "San Telmo",
img: "https://ed.brz9.dev/proj/map/asset/img/santelmo.jpg", img: "https://ed.brz9.dev/proj/map/asset/img/santelmo.jpg",
txtFR: "Français Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies. DIY readymade brunch VHS small batch tofu eiusmod sartorial street art gastropub af minim. Yes plz hot chicken chartreuse irony church-key.", txtFR: "Français Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
txtEN: "English Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies. DIY readymade brunch VHS small batch tofu eiusmod sartorial street art gastropub af minim. Yes plz hot chicken chartreuse irony church-key.", txtEN: "English Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
txtIT: "Italiano Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies. DIY readymade brunch VHS small batch tofu eiusmod sartorial street art gastropub af minim. Yes plz hot chicken chartreuse irony church-key.", txtIT: "Italiano Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
}, },
Salsamenteria : { Salsamenteria : {
id: "salsamenteria", id: "salsamenteria",
type : "item", type : "item",
name: "Salsamenteria di Parma", name: "Salsamenteria di Parma",
img: "https://ed.brz9.dev/proj/map/asset/img/salsamentiera.jpg", img: "https://ed.brz9.dev/proj/map/asset/img/salsamentiera.jpg",
txtFR: "Français Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies. DIY readymade brunch VHS small batch tofu eiusmod sartorial street art gastropub af minim. Yes plz hot chicken chartreuse irony church-key.", txtFR: "Français Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
txtEN: "English Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies. DIY readymade brunch VHS small batch tofu eiusmod sartorial street art gastropub af minim. Yes plz hot chicken chartreuse irony church-key.", txtEN: "English Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
txtIT: "Italiano Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies. DIY readymade brunch VHS small batch tofu eiusmod sartorial street art gastropub af minim. Yes plz hot chicken chartreuse irony church-key.", txtIT: "Italiano Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
}, },
}, },
}, },