hasufell/ghcup-hs
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

align the top haskell logo and "GHCUP" text correctly

Browse Source
This commit is contained in:
Arjun Kathuria 2021-10-12 14:24:41 +05:30 committed by Julian Ospald
parent 237ed173ee
commit 6b0c915077
Signed by: hasufell
GPG Key ID: 3786C5262ECB4A3F
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/css/extra.css
View File

@ -22,6 +22,23 @@ h4 {
padding-top:10px; padding-top:10px;
} }
.index-ghcup-hero {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.index-ghcup-hero img {
width: 10%;
min-width: 110px;
max-width: 120px;
border: none;
margin: 0;
}
.index-ghcup-hero h1 {
}
div.col-md-9 h1:first-of-type { div.col-md-9 h1:first-of-type {
text-align: center; text-align: center;

5
docs/index.md
View File

@ -8,7 +8,10 @@ hide:
<script src="javascripts/extra.js"></script> <script src="javascripts/extra.js"></script>
# ![](./haskell_logo.png){: .main-logo style="width:100px"} GHCup <section class="index-ghcup-hero">
<img alt="haskell logo" src="./haskell_logo.png" />
<h1>GHCup</h1>
</section>
<p class="ghcup-intro">GHCup is an installer for the general purpose language <a href="https://www.haskell.org">Haskell</a>.</p> <p class="ghcup-intro">GHCup is an installer for the general purpose language <a href="https://www.haskell.org">Haskell</a>.</p>