feat: Add donors section
All checks were successful
Build Docker / Build Image (push) Successful in 18s

This commit is contained in:
Nathan Woodburn 2023-11-08 13:12:19 +11:00
parent 894a3f51f2
commit f39b907feb
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
6 changed files with 181 additions and 0 deletions

1
templates/assets/css/styles.min.css vendored Normal file
View File

@ -0,0 +1 @@
.bs-icon{--bs-icon-size:.75rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-size:var(--bs-icon-size);width:calc(var(--bs-icon-size) * 2);height:calc(var(--bs-icon-size) * 2);color:var(--bs-primary)}.bs-icon-xs{--bs-icon-size:1rem;width:calc(var(--bs-icon-size) * 1.5);height:calc(var(--bs-icon-size) * 1.5)}.bs-icon-sm{--bs-icon-size:1rem}.bs-icon-md{--bs-icon-size:1.5rem}.bs-icon-lg{--bs-icon-size:2rem}.bs-icon-xl{--bs-icon-size:2.5rem}.bs-icon.bs-icon-primary{color:var(--bs-white);background:var(--bs-primary)}.bs-icon.bs-icon-primary-light{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}.bs-icon.bs-icon-semi-white{color:var(--bs-primary);background:rgba(255,255,255,.5)}.bs-icon.bs-icon-rounded{border-radius:.5rem}.bs-icon.bs-icon-circle{border-radius:50%}.fit-cover{object-fit:cover}

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View File

@ -28,6 +28,7 @@ Claim a free Handshake domain">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/material-icons.min.css"> <link rel="stylesheet" href="assets/fonts/material-icons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head> </head>
<body style="background: rgb(39,38,46);"> <body style="background: rgb(39,38,46);">
@ -91,6 +92,50 @@ Claim a free Handshake domain">
</div> </div>
</div> </div>
</section> </section>
<section>
<div class="container py-4 py-xl-5">
<div class="row mb-4 mb-lg-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Generous contributors to the project</h2>
<p class="w-lg-50">Thanks to these donors for supporting the faucet</p>
</div>
</div>
<div class="row gy-4 row-cols-2 row-cols-md-4">
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
<h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
<p class="text-muted card-text mb-2">Initial project creation and funding</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark"> <footer class="bg-dark">
<div class="container py-4 py-lg-5"> <div class="container py-4 py-lg-5">
<hr> <hr>

View File

@ -36,6 +36,7 @@ Claim a free Handshake domain">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/material-icons.min.css"> <link rel="stylesheet" href="assets/fonts/material-icons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head> </head>
<body style="background: rgb(39,38,46);"> <body style="background: rgb(39,38,46);">
@ -99,6 +100,50 @@ Claim a free Handshake domain">
</div> </div>
</div> </div>
</section> </section>
<section>
<div class="container py-4 py-xl-5">
<div class="row mb-4 mb-lg-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Generous contributors to the project</h2>
<p class="w-lg-50">Thanks to these donors for supporting the faucet</p>
</div>
</div>
<div class="row gy-4 row-cols-2 row-cols-md-4">
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
<h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
<p class="text-muted card-text mb-2">Initial project creation and funding</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark"> <footer class="bg-dark">
<div class="container py-4 py-lg-5"> <div class="container py-4 py-lg-5">
<hr> <hr>

View File

@ -28,6 +28,7 @@ Claim a free Handshake domain">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/material-icons.min.css"> <link rel="stylesheet" href="assets/fonts/material-icons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head> </head>
<body style="background: rgb(39,38,46);"> <body style="background: rgb(39,38,46);">
@ -90,6 +91,50 @@ Claim a free Handshake domain">
</div> </div>
</div> </div>
</section> </section>
<section>
<div class="container py-4 py-xl-5">
<div class="row mb-4 mb-lg-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Generous contributors to the project</h2>
<p class="w-lg-50">Thanks to these donors for supporting the faucet</p>
</div>
</div>
<div class="row gy-4 row-cols-2 row-cols-md-4">
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
<h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
<p class="text-muted card-text mb-2">Initial project creation and funding</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark"> <footer class="bg-dark">
<div class="container py-4 py-lg-5"> <div class="container py-4 py-lg-5">
<hr> <hr>

View File

@ -28,6 +28,7 @@ Claim a free Handshake domain">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
<link rel="stylesheet" href="assets/fonts/material-icons.min.css"> <link rel="stylesheet" href="assets/fonts/material-icons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head> </head>
<body style="background: rgb(39,38,46);"> <body style="background: rgb(39,38,46);">
@ -90,6 +91,50 @@ Claim a free Handshake domain">
</div> </div>
</div> </div>
</section> </section>
<section>
<div class="container py-4 py-xl-5">
<div class="row mb-4 mb-lg-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Generous contributors to the project</h2>
<p class="w-lg-50">Thanks to these donors for supporting the faucet</p>
</div>
</div>
<div class="row gy-4 row-cols-2 row-cols-md-4">
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
<h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
<p class="text-muted card-text mb-2">Initial project creation and funding</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
<div class="col">
<div class="card border-0 shadow-none">
<div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
<h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
<p class="text-muted card-text mb-2">Donate to put your name here</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-dark"> <footer class="bg-dark">
<div class="container py-4 py-lg-5"> <div class="container py-4 py-lg-5">
<hr> <hr>