1
Fork 0

Add cards for accounts

This commit is contained in:
Jake Howard 2019-02-04 21:48:02 +00:00
parent 7ddd1a61f4
commit d211c0a2aa
Signed by: jake
GPG key ID: 57AFB45680EDD477
8 changed files with 61 additions and 0 deletions

5
content/monzo.md Normal file
View file

@ -0,0 +1,5 @@
---
title: Monzo
image: https://upload.wikimedia.org/wikipedia/en/thumb/a/a3/Monzo_logo.svg/1920px-Monzo_logo.svg.png
link: https://monzo.me/jakehoward
---

5
content/paypal.md Normal file
View file

@ -0,0 +1,5 @@
---
title: PayPal
image: https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/PayPal_Logo_Icon_2014.svg/887px-PayPal_Logo_Icon_2014.svg.png
link: https://www.paypal.me/TheOrangeOne
---

View file

@ -0,0 +1,10 @@
<html>
<head>
<title>Redirecting to {{ .Params.link }}</title>
<link rel="canonical" href="{{ .Params.link }}">
<meta http-equiv="refresh" content="0; url={{ .Params.link }}">
</head>
<body>
<p>Redirecting to {{ .Params.link }}...</p>
</body>
</html>

View file

@ -3,9 +3,34 @@
<head>
<title>{{ .Title }}</title>
{{ partial "style.html" "css/font-awesome.css" }}
{{ partial "style.html" "css/animate.css" }}
{{ partial "style.html" "scss/index.scss" }}
</head>
<body>
<div class="jumbotron mb-0 jumbotron-fluid text-center vertical-center hero-jumbotron">
<div class="container">
<h1 class="display-1">{{ .Site.Title }}</h1>
<p class="lead">You should give me money. Here's how:</p>
<h1>
<i class="fas fa-chevron-down mt-5 animated infinite slideInDown"></i>
</h1>
</div>
</div>
<div class="jumbotron mb-0 jumbotron-fluid">
<div class="container">
<div class="card-deck">
{{ range .Pages.ByTitle }}
<div class="card text-center mx-5">
<a href="{{ .Permalink }}" class="colour-invert">
<img src="{{ .Params.image }}" class="card-img-top my-3 mx-3" alt="{{ .Title }} logo" style="max-width:40%" />
</a>
</div>
{{ end }}
</div>
</div>
</div>
{{ partial "script.html" "js/bootstrap.js" }}
</body>
</html>

5
package-lock.json generated
View file

@ -9,6 +9,11 @@
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.7.1.tgz",
"integrity": "sha512-gukWJ7Mwf0WXQbkcwcm5zi8+H8aT5MMnphf5hpydOw898H1ibgm2cyejHgk6Km/FTvrPp5ppUHLrlFwt0QxsQw=="
},
"animate.css": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.7.0.tgz",
"integrity": "sha512-u3iMXDJr0cxMdQocIciDiou9Au4L5f9uT+/jCtprw3s1j3HcfCuI+khF+90Ps2KdsEhM2soF7SXB4WUvI3HlXg=="
},
"bootstrap": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.2.1.tgz",

View file

@ -14,6 +14,7 @@
"homepage": "https://github.com/RealOrangeOne/givemoneyto.me#readme",
"dependencies": {
"@fortawesome/fontawesome-free": "^5.7.1",
"animate.css": "^3.7.0",
"bootstrap": "4.2.1"
},
"devDependencies": {}

View file

@ -9,6 +9,7 @@ mkdir -p static/build/js static/build/css
cp -r static/src/* static/build
cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js static/build/js/bootstrap.js
cp node_modules/animate.css/animate.min.css static/build/css/animate.css
cp -r node_modules/@fortawesome/fontawesome-free/css/all.min.css static/build/css/font-awesome.css
cp -r node_modules/@fortawesome/fontawesome-free/webfonts static/build

View file

@ -1 +1,10 @@
@import "node_modules/bootstrap/scss/bootstrap";
.vertical-center {
display: flex;
align-items: center;
}
.hero-jumbotron {
height: 100vh;
}