removed ads

public/ads.txt

@@ -1 +0,0 @@
-google.com, pub-6543577519725877, DIRECT, f08c47fec0942fa0

public/index.html

@@ -29,13 +29,6 @@
 
 				<img src="assets/img/logo-light.svg" class="logo" alt="nginxconfig.io">
 
-				<div class="github">
-					<iframe class="github-star" src="https://ghbtns.com/github-btn.html?user=0xB4LINT&repo=nginxconfig.io&type=star&count=true&size=large"></iframe>
-					<div class="github-link">
-						<ng-include src="'/assets/img/brands/github.svg'"></ng-include> <a href="https://github.com/0xB4LINT/nginxconfig.io" target="_blank"><small>0xB4LINT /</small> <strong>nginxconfig.io</strong></a>
-					</div>
-				</div>
-
 				<div class="sites">
 					<div class="title">Sites:</div>
 					<div class="group">
@@ -129,7 +122,7 @@
 		<section class="tabs">
 			<div class="container">
 				<div class="row">
-					<div class="col-lg-8">
+					<div class="col-lg-9">
 						<div class="sites">
 							<ul class="nav nav-tabs nav-site-tab" role="tablist">
 								<li class="nav-item">
@@ -983,19 +976,22 @@
 							</div>
 						</div>
 					</div>
-					<div class="col-lg-4">
+					<div class="col-lg-3">
 						<aside class="sidebar">
-							<div class="adsbygoogle-container">
+							<div class="github">
-								<div class="note">▾ advertisement ▾</div>
+								<div class="github-cover">
-								<ins class="adsbygoogle"
+									<div class="github-link">
-									style="display:block"
+										<a href="https://github.com/0xB4LINT/nginxconfig.io" target="_blank" class="github-logo-link">
-									data-ad-client="ca-pub-6543577519725877"
+											<ng-include src="'/assets/img/brands/github.svg'"></ng-include>
-									data-ad-slot="2065709573"
+										</a>
-									data-ad-format="auto"
+										<br>
-									data-full-width-responsive="true"></ins>
+										<a href="https://github.com/0xB4LINT/nginxconfig.io" target="_blank"><small>0xB4LINT /</small> <strong>nginxconfig.io</strong></a>
-								<script>
+									</div>
-									(adsbygoogle = window.adsbygoogle || []).push({});
+								</div>
-								</script>
+								<div class="github-buttons">
+									<a class="github-button" href="https://github.com/0xB4LINT/nginxconfig.io" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star 0xB4LINT/nginxconfig.io on GitHub">Star</a>
+									<a class="github-button" href="https://github.com/0xB4LINT/nginxconfig.io/issues" data-icon="octicon-issue-opened" data-size="large" data-show-count="true" aria-label="Issue 0xB4LINT/nginxconfig.io on GitHub">Issue</a>
+								</div>
 							</div>
 						</aside>
 					</div>
@@ -1160,23 +1156,10 @@
 		</main>
 		<footer>
 			<div class="container-fluid">
-				<div class="adsbygoogle-container">
-					<div class="note">▾ advertisement ▾</div>
-					<ins class="adsbygoogle"
-						style="display:block"
-						data-ad-client="ca-pub-6543577519725877"
-						data-ad-slot="7233306850"
-						data-ad-format="auto"
-						data-full-width-responsive="true"></ins>
-					<script>
-						(adsbygoogle = window.adsbygoogle || []).push({});
-					</script>
-				</div>
 				Lovingly made by <a href="https://balint.szekeres.me" target="_blank">Bálint Szekeres</a>
 			</div>
 		</footer>
 
-		<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
 		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3084378-31"></script>
 		<script>
 			window.dataLayer = window.dataLayer || [];
@@ -1186,5 +1169,6 @@
 		</script>
 		<script src="assets/js/vendor.min.js?v=COMMIT_HASH"></script>
 		<script src="assets/js/app.min.js?v=COMMIT_HASH"></script>
+		<script async defer src="https://buttons.github.io/buttons.js"></script>
 	</body>
 </html>

resources/scss/_ads.scss

@@ -1,35 +0,0 @@
-.adsbygoogle-container {
-	overflow: hidden;
-
-	.adsbygoogle {
-		display: block;
-		position: relative;
-		background-color: #f8f8f8;
-		border: 1px solid #dee2e6;
-
-		&[data-adsbygoogle-status="done"] {
-			background-color: transparent;
-			border: 0;
-		}
-
-		aside.sidebar & {
-			height: 300px;
-			max-height: 300px;
-		}
-
-		footer & {
-			height: 200px;
-			max-height: 200px;
-		}
-	}
-
-	footer & {
-		margin-bottom: 1rem;
-	}
-
-	.note {
-		text-align: center;
-		color: #444;
-		font-size: 0.6rem;
-	}
-}

resources/scss/_sidebar.scss

@@ -2,32 +2,69 @@ aside.sidebar {
 	margin-top: 1rem;
 
 	@include media-breakpoint-up(lg) {
-		margin-top: 0;
+		margin-top: 30px;
 	}
 
-	@include media-breakpoint-up(xl) {
+	.github {
-		margin-top: 15px;
+		border: 1px solid #dee2e6;
-	}
+		border-radius: 0.25rem;
+		padding: 10px;
 
-	.buttons {
+		.github-cover {
-		text-align: center;
+			margin-bottom: 0.5rem;
-		margin-top: 1.5rem;
 
-		.btn {
+			.github-link {
-			&.btn-download {
+				text-align: center;
-				margin-bottom: 0.25rem;
+				font-size: 1rem;
+				margin-bottom: 0.5rem;
 
-				img {
+				a {
-					vertical-align: -2px;
+					color: #212529;
-					margin-right: 0.1rem;
+
-					height: 1rem;
+					&.github-logo-link {
+						text-decoration: none;
+
+						&:hover svg g {
+							fill: #000;
+						}
+					}
+				}
+
+				small {
+					font-size: 90%;
+				}
+
+				svg {
+					height: 70px;
+					margin-bottom: 0.75rem;
+
+					g {
+						fill: #212529;
+					}
 				}
 			}
+		}
 
-			&.btn-reset {
+		.github-buttons {
-				img {
+			@extend .clearfix;
-					vertical-align: -3px;
+			font-size: 0;
-					height: 0.9rem;
+			text-align: center;
+
+			> span {
+				display: inline-block;
+				margin: 0 0.25rem 0.25rem;
+
+				@include media-breakpoint-up(xl) {
+					display: block;
+					margin: 0;
+
+					&:first-child {
+						float: left;
+					}
+
+					&:last-child {
+						float: right;
+					}
 				}
 			}
 		}

resources/scss/app.scss

@@ -15,5 +15,4 @@
 @import 'footer';
 
 @import 'utilities';
-@import 'ads';