Skip to content

Commit

Permalink
Block the top line on the main page from appearing in the Google Sear…
Browse files Browse the repository at this point in the history 
…ch snippet.
  • Loading branch information
@smelamud
smelamud committed Jun 7, 2024
1 parent 0bcf8d0 commit 8339c0e
Show file tree
Hide file tree
Showing 2 changed files with 75 additions and 63 deletions.
10 changes: 10 additions & 0 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,16 @@ BODY {
padding-bottom: 2rem;
}

.top-line {
position: absolute;
top: 0;
width: 100%;
}

MAIN.welcome-page {
margin-top: 2rem;
}

.overview-page {
--page-color: var(--overview-color);
}
Expand Down
128 changes: 65 additions & 63 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,73 +2,75 @@
layout: page
---

<div class="text-end">
<span class="israel-support">
We support Israel&nbsp;&nbsp;<img alt="Flag of Israel" src="assets/images/israel-flag.png">
</span>
<a class="github-link" href="https://github.com/MoeraOrg">
<i class="fa-brands fa-github"></i> GitHub</a>
<span class="bsd">בס"ד</span>
</div>

<div class="welcome">
<div class="container">
<img src="assets/images/logo-welcome.png" srcset="assets/images/logo-welcome.png 361w"
sizes="(max-width: 600px) 180px, 361px">
<div class="tagline">
{{ site.tagline }}
<main class="welcome-page">
<div class="welcome">
<div class="container">
<img src="assets/images/logo-welcome.png" srcset="assets/images/logo-welcome.png 361w"
sizes="(max-width: 600px) 180px, 361px">
<div class="tagline">
{{ site.tagline }}
</div>
<a class="btn btn-success btn-lg mt-3" href="https://web.moera.org">Get Started</a>
<a class="google-play"
href="https://play.google.com/store/apps/details?id=org.moera.web.twa&pcampaignid=moeraorg">
<img alt="Get it on Google Play"
src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"/>
</a>
</div>
<a class="btn btn-success btn-lg mt-3" href="https://web.moera.org">Get Started</a>
<a class="google-play"
href="https://play.google.com/store/apps/details?id=org.moera.web.twa&pcampaignid=moeraorg">
<img alt="Get it on Google Play"
src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"/>
</a>
</div>
</div>

<div class="cards container">
<a class="card overview" href="/overview/index.html">
<div class="icon"><i class="fa-solid fa-paper-plane"></i></div>
<div class="title">Architecture Overview</div>
<div class="description">How it works? Why?</div>
</a>
<a class="card administration" href="/administration/index.html">
<div class="icon"><i class="fa-solid fa-screwdriver-wrench"></i></div>
<div class="title">Administrator's Guide</div>
<div class="description">Install your own node or become a provider</div>
</a>
<a class="card development" href="/development/index.html">
<div class="icon"><i class="fa-solid fa-puzzle-piece"></i></div>
<div class="title">Developer's Guide</div>
<div class="description">Protocols, libraries and contribution</div>
</a>
<a class="card license" href="/license/index.html">
<div class="icon"><i class="fa-solid fa-gift"></i></div>
<div class="title">License</div>
<div class="description">Everything is Open Source</div>
</a>
</div>
<div class="cards container">
<a class="card overview" href="/overview/index.html">
<div class="icon"><i class="fa-solid fa-paper-plane"></i></div>
<div class="title">Architecture Overview</div>
<div class="description">How it works? Why?</div>
</a>
<a class="card administration" href="/administration/index.html">
<div class="icon"><i class="fa-solid fa-screwdriver-wrench"></i></div>
<div class="title">Administrator's Guide</div>
<div class="description">Install your own node or become a provider</div>
</a>
<a class="card development" href="/development/index.html">
<div class="icon"><i class="fa-solid fa-puzzle-piece"></i></div>
<div class="title">Developer's Guide</div>
<div class="description">Protocols, libraries and contribution</div>
</a>
<a class="card license" href="/license/index.html">
<div class="icon"><i class="fa-solid fa-gift"></i></div>
<div class="title">License</div>
<div class="description">Everything is Open Source</div>
</a>
</div>

<div class="cards-center container">
<div class="card">
<div class="icon"><i class="fa-solid fa-link"></i></div>
<div class="title">Follow the development</div>
<div class="description">
<ul>
<li>
<a href="https://github.com/MoeraOrg">GitHub</a>
</li>
<li>
<a href="https://blog.moera.org">News</a> on Moera
</li>
<li>
<a href="https://t.me/moeranews">News channel</a> on Telegram
</li>
<li>
<a href="https://t.me/moeradevelopment">Developers' group</a> on Telegram
</li>
</ul>
<div class="cards-center container">
<div class="card">
<div class="icon"><i class="fa-solid fa-link"></i></div>
<div class="title">Follow the development</div>
<div class="description">
<ul>
<li>
<a href="https://github.com/MoeraOrg">GitHub</a>
</li>
<li>
<a href="https://blog.moera.org">News</a> on Moera
</li>
<li>
<a href="https://t.me/moeranews">News channel</a> on Telegram
</li>
<li>
<a href="https://t.me/moeradevelopment">Developers' group</a> on Telegram
</li>
</ul>
</div>
</div>
</div>
</main>

<div class="top-line text-end" data-nosnippet>
<span class="israel-support">
We support Israel&nbsp;&nbsp;<img alt="Flag of Israel" src="assets/images/israel-flag.png">
</span>
<a class="github-link" href="https://github.com/MoeraOrg">
<i class="fa-brands fa-github"></i> GitHub</a>
<span class="bsd">בס"ד</span>
</div>

0 comments on commit 8339c0e

Please sign in to comment.