flags!
This commit is contained in:
parent
b82a01e64a
commit
bcf05bf0e1
8
_includes/flag.html
Normal file
8
_includes/flag.html
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
<div class="{{include.color}} flag">
|
||||||
|
<div class="flagText">
|
||||||
|
<a href="{{include.url}}">{{include.name}}</a>
|
||||||
|
</div>
|
||||||
|
<svg width=115 height=50>
|
||||||
|
<polygon points="0,50 100,50, 115,25, 100,0, 0,0"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
|
@ -1,3 +1,9 @@
|
||||||
<header>
|
<header>
|
||||||
<h1 id = "title"> Andrew Cassidy </h1>
|
<h1 id = "title"> Andrew Cassidy </h1>
|
||||||
|
<div id="sidebar">
|
||||||
|
{% include flag.html color="blue" name="home" url="/" %}
|
||||||
|
{% include flag.html color="blue" name="home" url="/" %}
|
||||||
|
{% include flag.html color="blue" name="home" url="/" %}
|
||||||
|
{% include flag.html color="blue" name="home" url="/" %}
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
|
@ -1,5 +1,50 @@
|
||||||
---
|
---
|
||||||
---
|
---
|
||||||
|
$blue: #26A6A6;
|
||||||
|
|
||||||
|
header {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
#sidebar {
|
||||||
|
width: 25%;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.flagText {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 30%;
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
margin: auto;
|
||||||
|
z-index: 2;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.flag {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 10px;
|
||||||
|
height: 50px;
|
||||||
|
width: 175px;
|
||||||
|
fill-opacity: 0;
|
||||||
|
left: -10px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
position: relative;
|
||||||
|
float:right;
|
||||||
|
right:-25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flag:hover {
|
||||||
|
fill-opacity: 100 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue {
|
||||||
|
fill: $blue;
|
||||||
|
background-color: $blue;
|
||||||
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user