software landing page
This commit is contained in:
parent
8c8cf288ac
commit
655f6f27f6
165
_includes/dev_footer.html
Normal file
165
_includes/dev_footer.html
Normal file
@ -0,0 +1,165 @@
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- code block tweaks -->
|
||||
<script src="/assets/js/highlight-rewrite.js"></script>
|
||||
|
||||
{% if page.uses contains "masonry" %}
|
||||
<!-- Masonry for card grids -->
|
||||
<script src="/assets/js/masonry.pkgd.min.js"></script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "qrcodes" %}
|
||||
<!-- QR Codes -->
|
||||
<script src="/assets/js/qrcode.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
new QRCode(document.getElementById("btcqr"), "bitcoin://{{site.btc_address}}");
|
||||
new QRCode(document.getElementById("stlrqr"), "web+stellar:pay?destination={{site.stellar_address}}");
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "katex" %}
|
||||
<!-- Load KaTeX -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" crossorigin="anonymous"></script>
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" crossorigin="anonymous"
|
||||
onload="renderMathInElement(document.body);"></script>
|
||||
|
||||
<!-- Parse the Latex divs with Katex-->
|
||||
<script type="text/javascript">
|
||||
$("script[type='math/tex']").replaceWith(
|
||||
function () {
|
||||
var tex = $(this).text();
|
||||
return katex.renderToString(tex, { displayMode: false });
|
||||
});
|
||||
|
||||
$("script[type='math/tex; mode=display']").replaceWith(
|
||||
function () {
|
||||
var tex = $(this).text();
|
||||
return katex.renderToString(tex.replace(/%.*/g, ''), { displayMode: true });
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "pdf" %}
|
||||
<!-- Inline PDF files -->
|
||||
<script src="https://unpkg.com/browse/pdfjs-dist@2.4.456/web/pdf_viewer.js"></script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "tikz" %}
|
||||
<!-- TikZJax loader -->
|
||||
<script src="https://tikzjax.com/v1/tikzjax.js"></script>
|
||||
{% endif %}
|
||||
|
||||
<!-- Tracking API -->
|
||||
<script src="https://api.retrylife.ca/tracking/external/retrylife.ca" async="true" type="application/json"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{site.ga_analytics}}"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', '{{site.ga_analytics}}');
|
||||
</script>
|
||||
|
||||
|
||||
{% if page.uses contains "twitter" %}
|
||||
<!-- Twitter embeds -->
|
||||
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if page.uses contains "graphs" %}
|
||||
<!-- Roughviz -->
|
||||
<script src="https://unpkg.com/rough-viz@1.0.5"></script>
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "github-cards" and false %}
|
||||
|
||||
<!-- GH user card library -->
|
||||
<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
|
||||
|
||||
<!-- Modal containing GitHub account card -->
|
||||
<div class="modal fade" id="GitHub-account-card" tabindex="-1" role="dialog" aria-labelledby="GitHub-account-card-title"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="GitHub-account-card-title">Username</h5><a href=""
|
||||
id="GitHub-account-card-url"><button type="button" class="btn btn-outline-secondary">View
|
||||
account</button></a>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- <div class="modal-body" id="GitHub-account-card-body">
|
||||
...
|
||||
</div> -->
|
||||
<!-- <div class="modal-footer">
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
function renderGitHubUserAccount(name, url) {
|
||||
// Set the inner HTML to be the card
|
||||
//document.getElementById("GitHub-account-card-body").innerHTML = '<div class="github-card" data-github="' + name + '" data-width="400" data-height="158" data-theme="default"></div>'
|
||||
document.getElementById("GitHub-account-card-title").innerText = name.replace("@", "");
|
||||
|
||||
// Show the modal
|
||||
$("#GitHub-account-card").modal("show");
|
||||
}
|
||||
|
||||
// Edit every github user link
|
||||
var github_accounts = document.getElementsByClassName("user-mention");
|
||||
[...github_accounts].forEach((element) => {
|
||||
// Get the user's name and URL
|
||||
var name = element.innerText;
|
||||
var url = `${element.href}`;
|
||||
|
||||
// Clear the button href
|
||||
element.href = "#";
|
||||
|
||||
// Add an onclick()
|
||||
element.onclick = () => {
|
||||
renderGitHubUserAccount(name, url);
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
{% endif %}
|
||||
108
_includes/dev_head.html
Normal file
108
_includes/dev_head.html
Normal file
@ -0,0 +1,108 @@
|
||||
<title>{{page.title}} | {{ site.title }}</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
|
||||
{%seo%}
|
||||
|
||||
<!-- Discovery -->
|
||||
<link rel="alternate" title="{{site.title}}" type="application/rss+xml" href="{{site.url}}/feed.xml" />
|
||||
<link rel="alternate" title="{{site.title}}" type="application/json" href="{{site.url}}/feed.json" />
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
|
||||
{% if page.uses contains "katex" %}
|
||||
<!-- Katex -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "tikz" %}
|
||||
<!-- TikZJax -->
|
||||
<link rel="stylesheet" type="text/css" href="https://tikzjax.com/v1/fonts.css">
|
||||
{% endif %}
|
||||
|
||||
{% if page.uses contains "pdf" %}
|
||||
<!-- Inline PDF files -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/browse/pdfjs-dist@2.4.456/web/pdf_viewer.css">
|
||||
{% endif %}
|
||||
|
||||
<!-- Primary fonts -->
|
||||
<link rel="preload" href="{{site.baseurl}}/assets/fonts/GT-Walsheim-Bold.woff" as="font" crossorigin="anonymous">
|
||||
<link rel="preload" href="{{site.baseurl}}/assets/fonts/GT-Walsheim-Regular.woff" as="font" crossorigin="anonymous">
|
||||
<link rel="preload" href="{{site.baseurl}}/assets/fonts/TiemposTextWeb-Regular.woff2" as="font" crossorigin="anonymous">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Google fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i"
|
||||
rel="stylesheet">
|
||||
|
||||
<!-- Load fontawesome -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
|
||||
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
|
||||
crossorigin="anonymous" />
|
||||
|
||||
<!-- Site style -->
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
|
||||
<!-- Handle the blog listing -->
|
||||
{% if page.title == "Blog Posts" %}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context":"https://schema.org",
|
||||
"@type":"ItemList",
|
||||
"itemListElement":[
|
||||
{% assign i = 0 %}
|
||||
{% for post in site.posts %}
|
||||
{% assign the_date = post.date | split: " " %}
|
||||
{
|
||||
"@type":"ListItem",
|
||||
"position":{{i}},
|
||||
"url":"{{site.url}}{{post.url}}"
|
||||
},
|
||||
{% assign i = i | plus:1 %}
|
||||
{% endfor %}
|
||||
{
|
||||
"@type":"ListItem"
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
<!-- Handle blog breadcrumbs -->
|
||||
{% if page.written %}
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"name": "Blog",
|
||||
"item": "{{site.url}}/blog"
|
||||
},{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"name": "{{page.title}}",
|
||||
"item": "{{site.url}}{{page.url}}"
|
||||
}]
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "NewsArticle",
|
||||
"headline": "{{page.title}}",
|
||||
"datePublished": "{{page.date}}",
|
||||
"dateModified": "{{page.written}}",
|
||||
"about": "{{page.excerpt}}",
|
||||
"keywords":"{% for key in page.tags %} {{key}}, {% endfor %}"
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
17
_includes/dev_nav.html
Normal file
17
_includes/dev_nav.html
Normal file
@ -0,0 +1,17 @@
|
||||
<nav class="navbar navbar-dark fixed-top bg-dark navbar-expand-lg dev-custom-navbar" id="navbar">
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="{{site.baseurl}}/"><img src="{{site.baseurl}}/assets/images/Signature.png" alt="Evan Pratten"></a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link dev-nav-link" href="{{site.baseurl}}/blog">Blog</a>
|
||||
<a class="nav-item nav-link dev-nav-link" href="{{site.baseurl}}/events">Events</a>
|
||||
<a class="nav-item nav-link dev-nav-link" href="{{site.baseurl}}/about">About</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
22
_layouts/raw_page.html
Normal file
22
_layouts/raw_page.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
{% include dev_head.html %}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{% include dev_nav.html %}
|
||||
|
||||
<div id="raw-content-wrapper">
|
||||
{{content}}
|
||||
</div>
|
||||
|
||||
{% include dev_footer.html %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
0
_sass/site/dev/landing.scss
Normal file
0
_sass/site/dev/landing.scss
Normal file
13
_sass/site/dev/nav.scss
Normal file
13
_sass/site/dev/nav.scss
Normal file
@ -0,0 +1,13 @@
|
||||
.dev-custom-navbar {
|
||||
background-color: unset !important;
|
||||
|
||||
img {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.dev-nav-link {
|
||||
text-transform: uppercase;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
63
_sass/site/dev/software-landing.scss
Normal file
63
_sass/site/dev/software-landing.scss
Normal file
@ -0,0 +1,63 @@
|
||||
#software-hero {
|
||||
position: relative;
|
||||
background: rgb(18, 23, 19);
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgba(18, 23, 19, 1) 0%,
|
||||
rgba(20, 20, 12, 1) 100%
|
||||
);
|
||||
height: 80vh;
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 80vh;
|
||||
}
|
||||
|
||||
#content {
|
||||
position: absolute;
|
||||
width: 100vw;
|
||||
@media (min-width: 843px) {
|
||||
width: 55vw;
|
||||
}
|
||||
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
|
||||
#tilt {
|
||||
position: absolute;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
@media (min-width: 843px) {
|
||||
height: 200%;
|
||||
width: 100%;
|
||||
top: -80%;
|
||||
left: -10%;
|
||||
transform: rotate(15deg);
|
||||
}
|
||||
background-color: var(--color-purple);
|
||||
}
|
||||
|
||||
#align-wrapper {
|
||||
position: absolute;
|
||||
top: 35vh;
|
||||
margin-left: 10vw;
|
||||
@media (min-width: 843px) {
|
||||
margin-left: 5vw;
|
||||
}
|
||||
@media (min-width: 1105px) {
|
||||
margin-left: 10vw;
|
||||
}
|
||||
z-index: 2;
|
||||
|
||||
h1 {
|
||||
width: max-content;
|
||||
color: white;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -10,4 +10,8 @@
|
||||
@import "site/navigation.scss";
|
||||
@import "site/page.scss";
|
||||
@import "site/kbd.scss";
|
||||
@import "site/codeblock.scss";
|
||||
@import "site/codeblock.scss";
|
||||
|
||||
@import "site/dev/landing.scss";
|
||||
@import "site/dev/software-landing.scss";
|
||||
@import "site/dev/nav.scss";
|
||||
|
||||
BIN
assets/images/dev/software-landing.jpg
Normal file
BIN
assets/images/dev/software-landing.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
34
beta/index.html
Normal file
34
beta/index.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
{% include dev_head.html %}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{%- comment -%}{% include dev_nav.html %}{%- endcomment -%}
|
||||
|
||||
<div id="">
|
||||
|
||||
<div>
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% include dev_footer.html %}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
17
beta/software.html
Normal file
17
beta/software.html
Normal file
@ -0,0 +1,17 @@
|
||||
---
|
||||
title: Software
|
||||
layout: raw_page
|
||||
---
|
||||
|
||||
<div id="software-hero">
|
||||
|
||||
<div id="content">
|
||||
<div id="tilt"></div>
|
||||
<div id="align-wrapper">
|
||||
<h1>Software</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="/assets/images/dev/software-landing.jpg" alt="Me, on my computer">
|
||||
|
||||
</div>
|
||||
Loading…
x
Reference in New Issue
Block a user