Compare commits
2 Commits
aa9b090879
...
5ee8a2b7b9
| Author | SHA1 | Date |
|---|---|---|
edbrz9
|
5ee8a2b7b9 | |
|
edbrz9
|
43b729ccea |
|
|
@ -1,3 +1,28 @@
|
|||
Vue.component('rnav', {
|
||||
template: `
|
||||
<span class="rnav" v-on:click="toggle">{{ tag.name }}</span>
|
||||
`,
|
||||
props : ['tag'],
|
||||
methods: {
|
||||
toggle() {
|
||||
vm.$data.isFresh = false
|
||||
this.tag.isTrue = !this.tag.isTrue
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Vue.component('ritem', {
|
||||
template: `
|
||||
<section class="ritem" v-show="tags.some(o => o.isTrue === true) || fresh">
|
||||
<slot></slot>
|
||||
</section>
|
||||
`,
|
||||
props : {
|
||||
tags: Array,
|
||||
fresh: Boolean
|
||||
}
|
||||
})
|
||||
|
||||
Vue.component('rssdate', {
|
||||
template: `
|
||||
<section class="rss-date">
|
||||
|
|
@ -104,8 +129,27 @@ Vue.component('ppbut' ,{
|
|||
let vm = new Vue({
|
||||
data () {
|
||||
return {
|
||||
name: 'test'
|
||||
name: 'test',
|
||||
check: 'check2',
|
||||
isFresh: true,
|
||||
tags: {
|
||||
css: {
|
||||
name: "CSS",
|
||||
isTrue: false
|
||||
},
|
||||
code: {
|
||||
name: "Code",
|
||||
isTrue: false
|
||||
},
|
||||
selfhost: {
|
||||
name: "Self-hosting",
|
||||
isTrue: false
|
||||
},
|
||||
design: {
|
||||
name: "Design",
|
||||
isTrue: false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}).$mount('#root')
|
||||
|
||||
}).$mount('#root')
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Title</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="asset/leaflet/leaflet.css"/>
|
||||
<link rel="stylesheet" href="asset/css/style.css"/>
|
||||
<link rel="stylesheet" href="asset/fonts/byl-iconfont-v4.0/icons.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="root">
|
||||
<header>
|
||||
<section id="logo">Hôtel Machin</section>
|
||||
|
||||
<section id="lang">
|
||||
<span id="lang-marker" class="marker"></span>
|
||||
<span id="tab-fr" class="tablabel" v-on:click="setlang('fr')">FR</span>
|
||||
<span id="tab-en" class="tablabel" v-on:click="setlang('en')">EN</span>
|
||||
<span id="tab-it" class="tablabel" v-on:click="setlang('it')">IT</span>
|
||||
</section>
|
||||
|
||||
</header>
|
||||
<section id="map-container">
|
||||
<div id="map"></div>
|
||||
</section>
|
||||
<main>
|
||||
<div id="list">
|
||||
|
||||
<Accordeon v-bind:list="db.parking"></Accordeon>
|
||||
<div class="sep"></div>
|
||||
<Accordeon v-bind:list="db.resto" v-bind:taglist="restoTagList"></Accordeon>
|
||||
<div class="sep"></div>
|
||||
|
||||
<!---
|
||||
<p>Praxis chambray letterpress YOLO truffaut glossier distillery seitan pop-up venmo portland four dollar toast. Meh asymmetrical irony YOLO brooklyn DSA celiac next level microdosing ethical copper mug jianbing coloring book. Banjo keffiyeh +1, ugh organic af snackwave mixtape listicle man bun tacos humblebrag. Vaporware seitan heirloom chartreuse hot chicken lo-fi kinfolk iceland williamsburg. Wayfarers aesthetic air plant, plaid green juice normcore craft beer chambray. Wayfarers glossier letterpress marfa humblebrag pop-up tbh bitters disrupt.</p>
|
||||
<p>Praxis chambray letterpress YOLO truffaut glossier distillery seitan pop-up venmo portland four dollar toast. Meh asymmetrical irony YOLO brooklyn DSA celiac next level microdosing ethical copper mug jianbing coloring book. Banjo keffiyeh +1, ugh organic af snackwave mixtape listicle man bun tacos humblebrag. Vaporware seitan heirloom chartreuse hot chicken lo-fi kinfolk iceland williamsburg. Wayfarers aesthetic air plant, plaid green juice normcore craft beer chambray. Wayfarers glossier letterpress marfa humblebrag pop-up tbh bitters disrupt.</p>
|
||||
<p>Praxis chambray letterpress YOLO truffaut glossier distillery seitan pop-up venmo portland four dollar toast. Meh asymmetrical irony YOLO brooklyn DSA celiac next level microdosing ethical copper mug jianbing coloring book. Banjo keffiyeh +1, ugh organic af snackwave mixtape listicle man bun tacos humblebrag. Vaporware seitan heirloom chartreuse hot chicken lo-fi kinfolk iceland williamsburg. Wayfarers aesthetic air plant, plaid green juice normcore craft beer chambray. Wayfarers glossier letterpress marfa humblebrag pop-up tbh bitters disrupt.</p>
|
||||
-->
|
||||
</div>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
<script src="asset/js/vue.min.js"></script>
|
||||
<script src="asset/leaflet/leaflet.js"></script>
|
||||
<script src="asset/js/ingredients.js "></script>
|
||||
<script src="asset/js/dishes.js "></script>
|
||||
<script src="asset/js/resto.js"></script>
|
||||
<script src="asset/js/parking.js"></script>
|
||||
<script src="asset/js/db.js"></script>
|
||||
<script src="asset/js/main.js"></script>
|
||||
<script src="asset/js/map.js"></script>
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>Check</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="https://ed.brz9.dev/assets/css/normalize.css">
|
||||
<link rel="stylesheet" href="https://ed.brz9.dev/assets/fonts/byl-iconfont-v3.2/icons.css"/>
|
||||
<link rel="stylesheet" href="https://ed.brz9.dev/assets/css/style.css"/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<main id="root">
|
||||
|
||||
<rnav v-bind:tag="tags.css"></rnav>
|
||||
<rnav v-bind:tag="tags.code"></rnav>
|
||||
|
||||
<ritem v-bind:tags="[tags.code, tags.css]" v-bind:fresh="isFresh" ref="ritems">CSS Reffs</ritem>
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<section id="social">
|
||||
<a href="/feed.xml">
|
||||
<span class="byl-icon-rss"></span>
|
||||
</a>
|
||||
<a href="https://www.instagram.com/edbrz9/"
|
||||
target="_blank">
|
||||
<span class="byl-icon-instagram"></span>
|
||||
</a>
|
||||
<a rel="me" href="https://mamot.fr/@edardach" target="_blank">
|
||||
<span class="byl-icon-mastodon"></span>
|
||||
</a>
|
||||
<a href="https://twitter.com/edbrz9"
|
||||
target="_blank">
|
||||
<span class="byl-icon-twitter"></span>
|
||||
</a>
|
||||
<a href="https://git.brz9.dev/explore/repos"
|
||||
target="_blank">
|
||||
<span class="byl-icon-git"></span>
|
||||
</a>
|
||||
<!--
|
||||
<a href="">
|
||||
<a rel="me" href="https://mamot.fr/@edardach">
|
||||
<span class="byl-icon-mastodon"></span>
|
||||
</a>
|
||||
<a href="">
|
||||
<span class="byl-icon-tiktok"></span>
|
||||
</a>
|
||||
-->
|
||||
<a href="/BTC">
|
||||
<span class="byl-icon-bitcoin"></span>
|
||||
</a>
|
||||
<a href="/ETH">
|
||||
<span class="byl-icon-ethereum"></span>
|
||||
</a>
|
||||
<a href="/XMR">
|
||||
<span class="byl-icon-monero"></span>
|
||||
</a>
|
||||
|
||||
</section>
|
||||
|
||||
<section id ="mail">
|
||||
<p>ed<span class="132">ehbb</span>@<span class="lskd">dllls</span>brz9.dev</p>
|
||||
</section>
|
||||
|
||||
<section id="license">
|
||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">
|
||||
<img class="cc-link" src="https://ed.brz9.dev/assets/svg/edbz9-cc-by-sa.svg"/>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
<script src="https://ed.brz9.dev/assets/js/vue.min.js"></script>
|
||||
|
||||
<script src="../assets/js/ed.brz9.js"></script>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue