Browse Source

added sponsors and patreon buttons

master
Ellpeck 4 days ago
parent
commit
422784a60d
4 changed files with 31 additions and 2 deletions
  1. +9
    -1
      actaddmanual/index.html
  2. +8
    -0
      actaddmanual/style.css
  3. +7
    -1
      index.html
  4. +7
    -0
      style/style.css

+ 9
- 1
actaddmanual/index.html View File

@@ -29,7 +29,15 @@
</head>

<body>
<div id="sidebar"></div>
<div id="sidebar">
<!-- Sponsor buttons -->
<div class="sellout">
<iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="35" width="116" style="border: 0;"></iframe>
<a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a>
<script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
</div>
<hr>
</div>
<div id="content">
<div id="entries">
<!-- Cookie notification -->


+ 8
- 0
actaddmanual/style.css View File

@@ -80,6 +80,14 @@ body {
visibility: hidden;
}

.sellout {
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}

@media (max-width: 768px) {
#content {
margin-left: 200px;


+ 7
- 1
index.html View File

@@ -95,7 +95,13 @@
<h1 class="display-4" id="intro-text"></h1>
<script src="scripts/greet.js"></script>
<p class="lead">Welcome to my little website! I'm Ellpeck, a student and programmer from Germany. I do a lot of stuff, actually. My life is pretty busy.</p>
<p>Look around this website to find out more about my projects and other places you can find me!</p>

<!-- Sponsor buttons -->
<div class="sellout">
<iframe src="https://github.com/sponsors/Ellpeck/button" title="Sponsor Ellpeck" height="35" width="116" style="border: 0; margin-right: 10px;"></iframe>
<a href="https://www.patreon.com/bePatron?u=2494595" data-patreon-widget-type="become-patron-button"></a>
<script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
</div>
</div>
</div>
</div>


+ 7
- 0
style/style.css View File

@@ -184,6 +184,13 @@ blockquote {
font-style: italic;
}

.sellout {
display: flex;
align-items: center;
max-height: 35px;
overflow: hidden;
}

@media (min-width: 1200px) {
.navbar {
width: 1200px;


Loading…
Cancel
Save