Parsell/Parsell-Site
Parsell
/
Parsell-Site
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Initial Commit

This commit is contained in:
Justin Parsell 2020-01-02 02:32:54 -05:00
commit 6a036ab1e3
7 changed files with 268 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/main.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
images/bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

69
index.html Normal file
View File

@ -0,0 +1,69 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Parsell Family Website</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="Stylesheet" href="css/main.min.css" />
<script src="https://kit.fontawesome.com/7552ed27e8.js"></script>
</head>
<body>
<section class="hero is-fullheight has-background">
<div class="hero-head">
<nav class="navbar is-transparent">
<div class="navbar-end">
<a class="navbar-item" data-show="quickview" data-target="PPK">
<span class="icon is-small"><i class="fas fa-chevron-left fa-xs"></i></span>
<span class="icon is-small"><i class="fas fa-fingerprint fa-sm"></i></span>
</a>
</div>
</nav>
</div>
<div class="hero-body">
<div class="container">
<div class="column is-one-third is-offset-one-third">
<div class="box">
<p class="title has-text-centered has-text-weight-light is-big-headed">Parsell Family</p>
<div class="is-divider" data-content="Links"></div>
<p class="buttons is-centered is-big-chinned">
<a href="http://mail.parsell.me/" class="button is-medium is-rounded">
<span class="icon is-medium"><i class="far fa-envelope fa-lg"></i></span>
</a>
<a href="http://drive.parsell.me/" class="button is-medium is-rounded">
<span class="icon is-medium"><i class="far fa-folder fa-lg"></i></span>
</a>
<a href="https://git.parsell.me/" class="button is-medium is-rounded">
<span class="icon is-medium"><i class="fab fa-gitlab fa-lg"></i></span>
</a>
</p>
</div>
</div>
</div>
<div id="PPK" class="quickview">
<header class="quickview-header">
<p class="title">Public Keys</p>
<button class="delete" data-dismiss="quickview"></button>
</header>
<div class="quickview-body content">
<div class="quickview-block">
<p>The following keys are generally given to anyone who has a parsell.me address and can be used to securely send any type of data.<br>Note: these keys are in the OpenSSH format</p>
<div class="is-divider"></div>
<p class="is-size-7">SSH ED25519 - Secured, recommended</p>
<blockquote class="is-size-7">ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIGyz7K6L0xCnlwYZJujYrYAfYWBnVJXgB/hPjeLSPrSA</blockquote>
<p class="is-size-7">SSH RSA - Not secured, not recommended</p>
<blockquote class="is-size-7">ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAACAQCrqjhKAcJWIP+5PQrcZBNYA9rU47hW6E6SOddAvgDaXQCWWQiTfu3X+MvRcaTFEnZW8Wgb1Mp04h2XfpVOMy1zOKHQri237Ryp/YkhiRqgKiZAXsbfA4GCLjnGrFgBbfVdcBpRsUwjDr+X0HTmvHQ2R1kQdhwPfeRI3JbMK0i1oRLxbQH2BP4488SYpa21rLdxGSzCcZ0eHDE1CGdhb5UJuigMeFJwFJHzx5Ibw5CEQlUSR9xo5JmUHQ6CJcxrMbeRv0YvpSzV1fV7/bcBMrBS1qpf535X76EQBvEfVQi8hitaBjQ7hv9LEml69BP7UFyBJx82WaqQ8emmfuotZTLr1xzLWolre0YcKYJrM37xFwK+fmQQIj6994geQeLPXnjZceLbyHsv2vq4/Km1wJgsjEMtVgW/uN09UaQjxlZXIhoXec02UOAx2zd/IkhDk5DRIBjskeIww8OcWlqBPKvOMeaTo/jS7OAJKjWxkmU5ZI9USkF+nD5b7YskCTU5TC5Og9rbI3jpQo2C0G6ff6ONdaCwGmh0LERUrWPbgvyYitBlcieoqVFDw9jEw0YCEdOpmBfjsNHUFd5q5FtLgtbTh3mtbu3wya4TTbCTKMCpNDAPCpNMwlnylY5c2gCqu6sVdTQGNm5pH8JkyCbe7OT88oNQ9806rzmpnnyCKAgT9Q==</blockquote>
<br>
</div>
</div>
<div class="quickview-footer has-text-centered">
<a href="pkeys/id_ed25519.pub"><button class="button is-primary is-size-7">Download ED25519 .pub</button></a>
<a href="pkeys/id_rsa.pub"><button class="button is-info is-size-7">Download RSA .pub</button></a>
</div>
</div>
</div>
</section>
</body>
<footer>
<script type="text/javascript" src="/scripts/quickview.min.js"></script>
</footer>
</html>

1
pkeys/id_ed25519.pub Normal file
View File

@ -0,0 +1 @@
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIGyz7K6L0xCnlwYZJujYrYAfYWBnVJXgB/hPjeLSPrSA justin@JustinsLaptop

1
pkeys/id_rsa.pub Normal file
View File

@ -0,0 +1 @@
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAACAQCrqjhKAcJWIP+5PQrcZBNYA9rU47hW6E6SOddAvgDaXQCWWQiTfu3X+MvRcaTFEnZW8Wgb1Mp04h2XfpVOMy1zOKHQri237Ryp/YkhiRqgKiZAXsbfA4GCLjnGrFgBbfVdcBpRsUwjDr+X0HTmvHQ2R1kQdhwPfeRI3JbMK0i1oRLxbQH2BP4488SYpa21rLdxGSzCcZ0eHDE1CGdhb5UJuigMeFJwFJHzx5Ibw5CEQlUSR9xo5JmUHQ6CJcxrMbeRv0YvpSzV1fV7/bcBMrBS1qpf535X76EQBvEfVQi8hitaBjQ7hv9LEml69BP7UFyBJx82WaqQ8emmfuotZTLr1xzLWolre0YcKYJrM37xFwK+fmQQIj6994geQeLPXnjZceLbyHsv2vq4/Km1wJgsjEMtVgW/uN09UaQjxlZXIhoXec02UOAx2zd/IkhDk5DRIBjskeIww8OcWlqBPKvOMeaTo/jS7OAJKjWxkmU5ZI9USkF+nD5b7YskCTU5TC5Og9rbI3jpQo2C0G6ff6ONdaCwGmh0LERUrWPbgvyYitBlcieoqVFDw9jEw0YCEdOpmBfjsNHUFd5q5FtLgtbTh3mtbu3wya4TTbCTKMCpNDAPCpNMwlnylY5c2gCqu6sVdTQGNm5pH8JkyCbe7OT88oNQ9806rzmpnnyCKAgT9Q== justin@JustinsLaptop

194
sass/main.sass Normal file
View File

@ -0,0 +1,194 @@
@charset "utf-8"
@import url('https://fonts.googleapis.com/css?family=Nunito:200,400&display=swap')
$family-sans-serif: "Nunito", sans-serif
$navbar-breakpoint: 0
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/utilities/_all.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/base/_all.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/components/navbar.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/box.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/button.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/container.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/icon.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/title.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/content.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/elements/other.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/grid/columns.sass"
@import "C:/Users/Justin/Documents/Projects/HTML/!Templates/bulma-0.7.4/sass/layout/hero.sass"
.is-big-headed
padding: 2rem 0 0
.is-big-chinned
padding: 0 0 2rem
.has-background
background-image: url("/images/bg.jpg")
$divider-background-color: $grey-lighter !default
$divider-thickness: .1rem !default
$divider-font-size: $size-7 !default
$divider-color: $grey-light !default
$divider-content-background-color : $white !default
.is-divider, .is-divider-vertical
display: block
position: relative
border-top: $divider-thickness solid $divider-background-color
height: $divider-thickness
margin: 0 0 2rem
text-align: center
.is-divider[data-content]::after, .is-divider-vertical[data-content]::after
background: $divider-content-background-color
color: $divider-color
content: attr(data-content)
display: inline-block
font-size: $divider-font-size
padding: .4rem .8rem
-webkit-transform: translateY(-1.1rem)
-ms-transform: translateY(-1.1rem)
transform: translateY(-1.1rem)
text-align: center
.is-divider-vertical
+tablet
display: block
flex: none
width: auto
height: auto
padding: 2rem
margin: 0
position: relative
border-top: none
min-height: 2rem
&::before
border-left: $divider-thickness solid $divider-background-color
bottom: 1rem
content: ""
display: block
left: 50%
position: absolute
top: 1rem
-webkit-transform: translateX(-50%)
-ms-transform: translateX(-50%)
transform: translateX(-50%)
&[data-content]::after
position: absolute
left: 50%
top: 50%
padding: .1rem
-webkit-transform: translateY(-50%) translateX(-50%)
-ms-transform: translateY(-50%) translateX(-50%)
transform: translateY(-50%) translateX(-50%)
.is-divider,
.is-divider-vertical
@each $name, $pair in mergeColorMaps($colors, $shades)
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
border-top-color: $color
&[data-content]::after, &[data-content]::after
background: $color-invert
color: $color
&::before
border-left-color: $color
$quickview-z: 35 !default
$quickview-header-height: 3.25em !default
$quickview-footer-height: 4rem !default
$quickview-shadow: 5px 0px 13px 3px rgba( 0, 0, 0, 0.1 ) !default
$quickview-divider: 1px solid $grey-lighter !default
.quickview
display: flex
flex-direction: column
background-color: $white
max-width: calc( 100% - 50px )
&.is-marginless
max-width: 100%
position: fixed
top: 0
bottom: 0
z-index: $quickview-z
transform: translateZ( 0 )
transition: .3s ease
backface-visibility: hidden
perspective: 1000
will-change: transform
word-break: break-word
+mobile
width: 100%
right: -100%
+tablet
width: 50%
right: -50%
+desktop
width: 35%
right: -35%
+widescreen
width: 30%
right: -30%
+fullhd
width: 25%
right: -25%
&.is-left
+mobile
left: -100%
+tablet
left: -50%
+desktop
left: -35%
+widescreen
left: -30%
+fullhd
left: -25%
&.is-active
right: 0
box-shadow: $quickview-shadow
&.is-left
left: 0
.quickview-header
display: flex
justify-content: space-between
align-items: center
padding: 0 1rem
min-height: $quickview-header-height !important
border-bottom: $quickview-divider
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
background-color: $color
.title
color: $color-invert
.title
font-size: $size-4
margin-bottom: 0
img
max-height: 2em
.quickview-body
-webkit-box-flex: 1
flex: 1 1 0%
overflow-y: auto
padding: 0.5rem 1rem
margin: 0 !important
.quickview-footer
display: flex
justify-content: space-between
align-items: center
padding: 0 1rem
min-height: $quickview-footer-height
background-color: $white-ter
border-top: $quickview-divider
> *

2
scripts/quickview.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long