Revert "move amber banner to top right"
This reverts commit 11e3f75d99
.
This commit is contained in:
parent
11e3f75d99
commit
ec4c158d2e
|
@ -2,8 +2,6 @@
|
||||||
title = "Welcome"
|
title = "Welcome"
|
||||||
+++
|
+++
|
||||||
|
|
||||||
{{ amber_banner() }}
|
|
||||||
|
|
||||||
## Welcome to my world!
|
## Welcome to my world!
|
||||||
Hello there! My name is Alice and i am a fullstack web dev. I like to start a lot of side projects, but finish only a few of them.
|
Hello there! My name is Alice and i am a fullstack web dev. I like to start a lot of side projects, but finish only a few of them.
|
||||||
|
|
||||||
|
@ -44,6 +42,7 @@ Also you can view it [here](https://umami.blek.codes/share/ucLh7hS5xcXCpklV/worl
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Projects
|
## Projects
|
||||||
|
{{ amber_banner() }}
|
||||||
You can find the list of my projects [here](/projects).
|
You can find the list of my projects [here](/projects).
|
||||||
|
|
||||||
## Blog
|
## Blog
|
||||||
|
|
|
@ -1,11 +1,3 @@
|
||||||
.amber-banner-wrapper {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: end;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
.amber-banner {
|
.amber-banner {
|
||||||
background: #0005;
|
background: #0005;
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
|
@ -59,11 +51,10 @@
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.2em 0.5em;
|
||||||
margin-right: 1rem;
|
margin: 0;
|
||||||
|
margin-left: 1rem;
|
||||||
|
|
||||||
background: #0003;
|
background: #0003;
|
||||||
border: 1px solid #000;
|
border: 1px solid #000;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
|
|
@ -1,6 +1,5 @@
|
||||||
<link rel="stylesheet" href="/amber-banner.css">
|
<link rel="stylesheet" href="/amber-banner.css">
|
||||||
|
|
||||||
<div class="amber-banner-wrapper">
|
|
||||||
<div class="amber-banner-title">
|
<div class="amber-banner-title">
|
||||||
Open source promotion
|
Open source promotion
|
||||||
</div>
|
</div>
|
||||||
|
@ -28,4 +27,3 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
Loading…
Reference in New Issue