Merge Edge with sort and resize #2

Merged
alfred merged 64 commits from edge into master 2022-07-28 01:51:14 +01:00
3 changed files with 32 additions and 19 deletions
Showing only changes of commit 42a239ddd4 - Show all commits

View File

@ -78,26 +78,33 @@ main{
}
.main-table{
display: table;
box-sizing: content-box;
}
.main-table > div{
display: table-row;
background-color: transparent;
box-sizing: inherit;
}
.main-table > div > div{
display: table-cell;
margin: 3px 0;
padding: 3px 0;
border-style: solid;
border-width: 1px;
vertical-align: middle;
box-sizing: inherit;
}
.main-table > div > div > div{
margin: 3px 0;
box-sizing: inherit;
}
.item-table{
display: table;
box-sizing: content-box;
background-color: transparent;
}
.item-table > div{
display: table-row;
background-color: transparent;
box-sizing: inherit;
}
.item-table-full, .item-table-half, .item-table-240{
display: table-cell;
@ -105,10 +112,14 @@ main{
border-width: 1px;
background-color: transparent;
vertical-align: top;
box-sizing: inherit;
}
.item-table-full{
width: 100%;
}
.item-table-half{
width: 100%;
}
.item-table-240{
width: 240px;
}
@ -129,8 +140,8 @@ main{
.hmb{
display: none;
}
.main-table > div > div{
padding: 5px;
.main-table > div > div > div{
margin: 5px;
box-sizing: inherit;
}
}

View File

@ -26,7 +26,7 @@ body{
}
.main-table{
border-color: wheat;
background-color: #4f4f4f;
background-color: #0f0f0f;
}
.main-table > div > div{
border-color: wheat;

View File

@ -27,23 +27,25 @@
</nav>
</header>
<main class="main-table">
<div>
<div>
<div>
<div class="item-table">
<div>
<div class="item-table-half">
<h1>{{ .Data.About.Title }}</h1>
<div><h1>{{ .Data.About.Title }}</h1></div>
</div>
<div class="item-table-half">
<h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1>
<div><h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1></div>
</div>
</div>
<div>
<div class="item-table-full">
{{ .Data.About.GetContent }}
<div>{{ .Data.About.GetContent }}</div>
</div>
<div class="item-table-240">
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a>
<div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a></div>
</div>
</div>
</div>
</div>