Add cards for accounts
This commit is contained in:
parent
7ddd1a61f4
commit
d211c0a2aa
8 changed files with 61 additions and 0 deletions
5
content/monzo.md
Normal file
5
content/monzo.md
Normal 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
5
content/paypal.md
Normal 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
|
||||||
|
---
|
10
layouts/_default/single.html
Normal file
10
layouts/_default/single.html
Normal 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>
|
|
@ -3,9 +3,34 @@
|
||||||
<head>
|
<head>
|
||||||
<title>{{ .Title }}</title>
|
<title>{{ .Title }}</title>
|
||||||
{{ partial "style.html" "css/font-awesome.css" }}
|
{{ partial "style.html" "css/font-awesome.css" }}
|
||||||
|
{{ partial "style.html" "css/animate.css" }}
|
||||||
{{ partial "style.html" "scss/index.scss" }}
|
{{ partial "style.html" "scss/index.scss" }}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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" }}
|
{{ partial "script.html" "js/bootstrap.js" }}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
5
package-lock.json
generated
5
package-lock.json
generated
|
@ -9,6 +9,11 @@
|
||||||
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.7.1.tgz",
|
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.7.1.tgz",
|
||||||
"integrity": "sha512-gukWJ7Mwf0WXQbkcwcm5zi8+H8aT5MMnphf5hpydOw898H1ibgm2cyejHgk6Km/FTvrPp5ppUHLrlFwt0QxsQw=="
|
"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": {
|
"bootstrap": {
|
||||||
"version": "4.2.1",
|
"version": "4.2.1",
|
||||||
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.2.1.tgz",
|
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.2.1.tgz",
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
"homepage": "https://github.com/RealOrangeOne/givemoneyto.me#readme",
|
"homepage": "https://github.com/RealOrangeOne/givemoneyto.me#readme",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fortawesome/fontawesome-free": "^5.7.1",
|
"@fortawesome/fontawesome-free": "^5.7.1",
|
||||||
|
"animate.css": "^3.7.0",
|
||||||
"bootstrap": "4.2.1"
|
"bootstrap": "4.2.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {}
|
"devDependencies": {}
|
||||||
|
|
|
@ -9,6 +9,7 @@ mkdir -p static/build/js static/build/css
|
||||||
cp -r static/src/* static/build
|
cp -r static/src/* static/build
|
||||||
|
|
||||||
cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js static/build/js/bootstrap.js
|
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/css/all.min.css static/build/css/font-awesome.css
|
||||||
cp -r node_modules/@fortawesome/fontawesome-free/webfonts static/build
|
cp -r node_modules/@fortawesome/fontawesome-free/webfonts static/build
|
||||||
|
|
||||||
|
|
|
@ -1 +1,10 @@
|
||||||
@import "node_modules/bootstrap/scss/bootstrap";
|
@import "node_modules/bootstrap/scss/bootstrap";
|
||||||
|
|
||||||
|
.vertical-center {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-jumbotron {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
Reference in a new issue