arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Unfuck featured post on mobile

Browse Source
This commit is contained in:
FreneticScribbler
2021-04-27 17:12:12 +01:00
parent 68dd905fb0
commit 6ab0f0efea
2 changed files with 2 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/custom.css
View File

@@ -23,13 +23,3 @@ a:hover {
background-color: var(--splash) !important; background-color: var(--splash) !important;
border-bottom: 1px dashed var(--primary); border-bottom: 1px dashed var(--primary);
} }
.full-width {
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
opacity: 0.5;
}

7
layouts/home.html
View File

@@ -26,15 +26,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
<header> <header>
<h1 itemprop="name"><em>{{ .Title }}</em></h1> <h1 itemprop="name"><em>{{ .Title }}</em></h1>
</header> </header>
<div style="position: relative;"> <div style="background-image: url(/img/nikko-macaspac-6SNbWyFwuhk-unsplash.jpg); background-size: cover; padding: 1em;">
<img class="full-width" src="/img/nikko-macaspac-6SNbWyFwuhk-unsplash.jpg"/>
<div style="position: absolute; top: 0;">
<h1 itemprop="name" > <h1 itemprop="name" >
<a href="/post/2018/06/fuck-the-world">Featured Post: "Fuck The World"</a> <a href="/post/2018/06/fuck-the-world">Featured Post: "Fuck The World"</a>
</h1> </h1>
<h2>Let me tell you a little secret I learned. There is one fundamental truth. One truth in this maelstrom. In universal entropy one thing remains…</h2> <h2>Let me tell you a little secret I learned. There is one fundamental truth. One truth in this maelstrom. In universal entropy one thing remains…</h2>
</div> <nav class="readmore" style="font-size: 1em; padding: 1em; border: 1px solid var(--primary); background-color: rgba(0,0,0, 0.6);">
<nav class="readmore" style="position: absolute; bottom: 40px; right: 0; font-size: 1em; padding: 1em; border: 1px solid var(--primary);">
<a itemprop="url" href="/post/2020/12/52stories/">Read More&nbsp;»</a> <a itemprop="url" href="/post/2020/12/52stories/">Read More&nbsp;»</a>
</nav> </nav>
</div> </div>