Leahnaya/splatoon2.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon2.ink.git synced 2026-09-12 04:25:13 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add header/footer

Browse Source
This commit is contained in:
Matt Isenhower
2017-08-02 18:52:12 -07:00
parent cf7fbba2e3
commit 941ab25e2f
3 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/main.scss
View File

@@ -2,6 +2,10 @@
@import './variables';
@import '~bulma';
.plain-font {
font-family: $original-family-sans-serif;
}
.alt-font {
font-family: Splatoon1, $original-family-sans-serif;
}

2
src/html/index.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>splatoon2.ink</title>
<title>Splatoon 2 Map Schedules</title>
<meta name="description" content="Splatoon 2 map schedules">
</head>
<body>

22
src/js/components/App.vue
View File

@@ -1,5 +1,22 @@
<template>
<div class="hero is-fullheight">
<div class="hero-head">
<div class="container is-fluid">
<div class="level">
<div class="level-left">
<div class="level-item">
<h1 class="title is-1 alt-font is-inline">Splatoon 2</h1>
</div>
</div>
<div class="level-right">
<div class="level-item">
<h3 class="subtitle is-3 is-inline">Map Schedules</h3>
</div>
</div>
</div>
</div>
</div>
<div class="hero-body">
<div class="container is-fluid">
<div v-if="loading">
@@ -20,6 +37,11 @@
</div>
</div>
</div>
<div class="hero-foot has-text-centered has-text-grey plain-font is-size-7" style="margin-bottom: 0.5rem">
This website is not affiliated with Nintendo or Splatoon.
All product names, logos, and brands are property of their respective owners.
</div>
</div>
</template>