Merge Edge with data #1
15
base.css
15
base.css
@ -115,30 +115,31 @@ main{
|
||||
background-color: transparent;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.item-table-full, .item-table-240{
|
||||
.item-table-full, .item-table-360{
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
background-color: transparent;
|
||||
vertical-align: top;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.item-table-full{
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
}
|
||||
.item-table-240{
|
||||
.item-table-360{
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 320px){
|
||||
@media (min-width: 360px){
|
||||
.main-table > div > div > div{
|
||||
margin: 5px;
|
||||
}
|
||||
.item-table-240{
|
||||
.item-table-360{
|
||||
display: table-cell;
|
||||
width: 240px;
|
||||
vertical-align: middle;
|
||||
width: 360px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px){
|
||||
@media (min-width: 570px){
|
||||
.nav{
|
||||
max-height: none;
|
||||
top: 0;
|
||||
|
@ -35,7 +35,7 @@
|
||||
<div class="item-table-full">
|
||||
<div class="centered padded-2px"><h1>{{ .Data.About.Title }}</h1></div>
|
||||
</div>
|
||||
<div class="item-table-240">
|
||||
<div class="item-table-360">
|
||||
<div class="centered padded-2px"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -43,8 +43,8 @@
|
||||
<div class="item-table-full">
|
||||
<div class="padded-2px">{{ .Data.About.GetContent }}</div>
|
||||
</div>
|
||||
<div class="item-table-240">
|
||||
<div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a></div>
|
||||
<div class="item-table-360">
|
||||
<div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="360px"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -60,16 +60,20 @@
|
||||
<div class="item-table-full">
|
||||
<div class="centered padded-2px"><h1>{{ .Name }}</h1></div>
|
||||
</div>
|
||||
<div class="item-table-240">
|
||||
<div class="item-table-360">
|
||||
{{ if eq .GetStartDate .GetEndDate }}
|
||||
<div class="centered padded-2px"><h4>{{ .GetStartDate }}</h4></div>
|
||||
{{ else }}
|
||||
<div class="centered padded-2px"><h4>{{ .GetStartDate }} - {{ .GetEndDate }}</h4></div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
<div class="padded-2px">{{ .GetContent }}</div>
|
||||
</div>
|
||||
<div class="item-table-240">
|
||||
<div><video controls="" width="240">
|
||||
<div class="item-table-360">
|
||||
<div><video controls="" width="360">
|
||||
<source src="{{ .VideoLocation }}" type="{{ .VideoContentType }}">
|
||||
</video></div>
|
||||
</div>
|
||||
|
@ -6,7 +6,7 @@ import (
|
||||
"time"
|
||||
)
|
||||
|
||||
const dateFormat = "2006-01"
|
||||
const dateFormat = "01-2006"
|
||||
|
||||
type EntryYaml struct {
|
||||
Name string `yaml:"name"`
|
||||
|
Loading…
Reference in New Issue
Block a user