A bit of a refactor if you will

This commit is contained in:
pedrocx486 2023-02-08 23:03:23 -03:00
parent 40fd1c7bee
commit 51bd3362fb
14 changed files with 21 additions and 34 deletions

View file

@ -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)">
&nbsp; &nbsp;
<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>

View file

@ -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>

View file

@ -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>

View file

@ -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;

View file

@ -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';
} }

View file

@ -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;
}

View file

@ -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.

View file

@ -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';
} }

View file

@ -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;