A bit of a refactor if you will
This commit is contained in:
parent
40fd1c7bee
commit
51bd3362fb
14 changed files with 21 additions and 34 deletions
|
@ -1,12 +1,12 @@
|
||||||
<div class="placard">
|
<div class="placard">
|
||||||
<div class="placard-title">Archives</div>
|
<div class="placard-title">Archives</div>
|
||||||
<div class="placard-text">Here you can find all the blog posts.</div>
|
<div class="placard-text">All blog posts, one place.</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<input type="text" placeholder="Search by title" (keyup)="searchArchive($event.target!.value)">
|
<input type="text" placeholder="Search by Title" (keyup)="searchArchive($event.target!.value)">
|
||||||
|
|
||||||
<button class="btn-action" type="button" (click)="searchArchive('', true);">Clear</button>
|
<button class="btn-bad-action" type="button" (click)="searchArchive('', true);">× CLEAR</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="list-group" *ngIf="filteredArchives.length > 0">
|
<div class="list-group" *ngIf="filteredArchives.length > 0">
|
||||||
|
@ -22,6 +22,6 @@
|
||||||
|
|
||||||
<div class="margin-y text-center" *ngIf="!!settings.username">
|
<div class="margin-y text-center" *ngIf="!!settings.username">
|
||||||
<a href="./">
|
<a href="./">
|
||||||
<button type="button" class="margins-sides btn-secondary btn-fat">.HOME.</button>
|
<button type="button" class="margins-sides btn-secondary btn-fat">« HOME »</button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
|
@ -15,6 +15,6 @@
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<a href="./?page=archives">
|
<a href="./?page=archives">
|
||||||
<button type="button" class="btn-fat btn-primary margins-sides margin-y">.ARCHIVES.</button>
|
<button type="button" class="btn-fat btn-primary margins-sides margin-y">« ARCHIVES »</button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
|
@ -44,14 +44,14 @@
|
||||||
|
|
||||||
<div class="margin-y text-center" *ngIf="settings.username">
|
<div class="margin-y text-center" *ngIf="settings.username">
|
||||||
<a href="./">
|
<a href="./">
|
||||||
<button type="button" class="margins-sides btn-secondary btn-fat">.HOME.</button>
|
<button type="button" class="margins-sides btn-secondary btn-fat">« HOME »</button>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<a href="./?page=archives">
|
<a href="./?page=archives">
|
||||||
<button type="button" class="margin-top margins-sides btn-primary btn-fat">
|
<button type="button" class="margin-top margins-sides btn-primary btn-fat">
|
||||||
.ARCHIVES.
|
« ARCHIVES »
|
||||||
</button>
|
</button>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
|
@ -15,7 +15,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar img {
|
.avatar img {
|
||||||
border: 1px solid black;
|
border: 3px solid #6100a2;
|
||||||
|
border-radius: 5px;
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
max-height: 150px;
|
max-height: 150px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
@ -72,5 +72,4 @@
|
||||||
.right-align {
|
.right-align {
|
||||||
float: right !important;
|
float: right !important;
|
||||||
font-size: 8px !important;
|
font-size: 8px !important;
|
||||||
font-family: 'pc98';
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,7 +6,7 @@ button {
|
||||||
padding: 0.6rem;
|
padding: 0.6rem;
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: #000a 4px 4px;
|
box-shadow: #000a 4px 4px;
|
||||||
font-family: 'pxplus_ibm_vga8regular';
|
font-size: .8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Misc.
|
// Misc.
|
||||||
|
@ -18,7 +18,6 @@ button {
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
background-color: rgb(97, 0, 162);
|
background-color: rgb(97, 0, 162);
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary:hover {
|
.btn-primary:hover {
|
||||||
|
@ -29,7 +28,6 @@ button {
|
||||||
.btn-secondary {
|
.btn-secondary {
|
||||||
background-color: #00d199;
|
background-color: #00d199;
|
||||||
color: #444;
|
color: #444;
|
||||||
font-size: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-secondary:hover {
|
.btn-secondary:hover {
|
||||||
|
@ -40,7 +38,6 @@ button {
|
||||||
.btn-tertiary {
|
.btn-tertiary {
|
||||||
background-color: #17a2b8;
|
background-color: #17a2b8;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-tertiary:hover {
|
.btn-tertiary:hover {
|
||||||
|
@ -51,9 +48,18 @@ button {
|
||||||
.btn-action {
|
.btn-action {
|
||||||
background-color: #00905e;
|
background-color: #00905e;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-action:hover {
|
.btn-action:hover {
|
||||||
box-shadow: 0px 0px 7px #00905e;
|
box-shadow: 0px 0px 7px #00905e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Action
|
||||||
|
.btn-bad-action {
|
||||||
|
background-color: #cf2200;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-bad-action:hover {
|
||||||
|
box-shadow: 0px 0px 7px #cf2200;
|
||||||
|
}
|
||||||
|
|
|
@ -16,13 +16,11 @@
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-family: 'pc98';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.timestamp {
|
.timestamp {
|
||||||
color: #b5b5b5;
|
color: #b5b5b5;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-family: 'pc98';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -13,5 +13,4 @@ input[type="text"] {
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
box-shadow: #000a 4px 4px;
|
box-shadow: #000a 4px 4px;
|
||||||
font-family: 'pxplus_ibm_vga8regular';
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,26 +6,10 @@
|
||||||
@import "./shared/styles/placard.scss";
|
@import "./shared/styles/placard.scss";
|
||||||
@import "./shared/styles/utils.scss";
|
@import "./shared/styles/utils.scss";
|
||||||
|
|
||||||
// Global
|
|
||||||
@font-face {
|
|
||||||
font-family: "pxplus_ibm_vga8regular";
|
|
||||||
src: url("./shared/styles/fonts/PxPlus_IBM_VGA8.woff") format("woff"),
|
|
||||||
url("./shared/styles/fonts//PxPlus_IBM_VGA8.ttf") format("truetype");
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: "pc98";
|
|
||||||
src: url("./shared/styles/fonts/PC_9800.woff2") format("woff2"),
|
|
||||||
url("./shared/styles/fonts/PC_9800.woff") format("woff"),
|
|
||||||
url("./shared/styles/fonts/pc-9800.ttf") format("truetype");
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Body
|
// Body
|
||||||
body {
|
body {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
font-family: "pxplus_ibm_vga8regular";
|
font-family: monospace;
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
background-color: #444;
|
background-color: #444;
|
||||||
|
|
Loading…
Reference in a new issue