diff --git a/src/common/common.css b/src/common/common.css index 371b197..5de3fcb 100644 --- a/src/common/common.css +++ b/src/common/common.css @@ -7,14 +7,14 @@ body { } h1, h2, h3, h4 { - font-family: 'Molengo', Georgia, Times, serif; + font-family: 'Lekton', Helvetica, Arial, sans-serif; font-size: 56px; line-height: 80px; text-shadow: 1px 1px 1px grey; color: white; } -p, a, li, tr, td, span { +p, a, li, tr, td, span, noscript { font-family: 'Lekton', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; diff --git a/src/img/base64.png b/src/img/base64.png new file mode 100644 index 0000000..c152c71 Binary files /dev/null and b/src/img/base64.png differ diff --git a/src/img/dipole.png b/src/img/dipole.png new file mode 100644 index 0000000..7fa7e31 Binary files /dev/null and b/src/img/dipole.png differ diff --git a/src/utilities/base64.css b/src/utilities/base64.css new file mode 100644 index 0000000..0dd26bf --- /dev/null +++ b/src/utilities/base64.css @@ -0,0 +1,59 @@ +.base-title { + width: 100vw; + height: 20vh; + + display: grid; + align-content: center; + justify-content: center; + justify-items: center; + align-items: center; + + margin-top: 25px; +} + +.base-body{ + width: 90vw; + min-height: 80vh; + background: rgba(11,11,12,0.3); + margin: 0px 5vw ; + + display: grid; + grid-template-columns: 1fr; + grid-template-rows: 1fr 1fr 1fr; + padding: 10px; +} + +textarea { + max-height: 20em; + + vertical-align: center; + background: rgba(11,11,12,1); + border-color: white; + border-style: dashed; + color: white; + max-width: 100%; + + margin: 0px; +} + +#output { + margin-top: -17vh; +} + +.base-buttons { + display: inline; + text-align: center; + margin-top: 15px; +} + +@media only screen and (max-width: 768px){ + .base-buttons { + + } + +} + +body { + overflow-x: hidden; + +} diff --git a/src/utilities/base64.js b/src/utilities/base64.js new file mode 100644 index 0000000..1de7a2d --- /dev/null +++ b/src/utilities/base64.js @@ -0,0 +1,25 @@ +$(function(ready){ + $('#input').change(function() { + let input = $('#input').val(); + localStorage.setItem('base_input', input); + }); + $('#encode').click(function() { + let input = $('#input').val(); + let encoded = btoa(input); + $('#output').val(encoded); + }); + $('#decode').click(function() { + let input = $('#input').val(); + let decoded = atob(input); + $('#output').val(decoded); + }); +}) + +$(document).ready(function() { + let last_input = localStorage.getItem('base_input'); + if(last_input != null) { + $('#input').val(last_input); + } + $('#input').change(); +}); + diff --git a/src/utilities/base64.php b/src/utilities/base64.php new file mode 100644 index 0000000..c8059af --- /dev/null +++ b/src/utilities/base64.php @@ -0,0 +1,31 @@ + + + + + Tyler Perkins - Home + + + + + + +
+

Base64 Converter

+ +
+ +
+ +
+ + +
+ +
+ + + + + + + diff --git a/src/utilities/dipole.css b/src/utilities/dipole.css new file mode 100644 index 0000000..052c270 --- /dev/null +++ b/src/utilities/dipole.css @@ -0,0 +1,78 @@ +.dipole-title { + width: 100vw; + height: 20vh; + + display: grid; + align-content: center; + justify-content: center; + justify-items: center; + align-items: center; + + margin-top: 25px; +} + +.dipole-body{ + width: 90vw; + min-height: 80vh; + background: rgba(11,11,12,0.3); + margin: 0px 5vw ; + + display: grid; + grid-template-columns: 1fr; + padding: 10px; +} + +.title-block { + display: grid; + grid-template-columns: 40% 60%; + max-height: 75px; + align-items: center; +} + +.results-block { + display: grid; + grid-template-columns: 25% 1fr 1fr; + justify-items: center; + align-items: center; +} + +#freq { + float: right; + display: inline; + vertical-align: center; + max-height: 2em; + background: rgba(11,11,12,1); + border-color: white; + border-style: dashed; + color: white; + +} + +@media only screen and (max-width: 768px){ + + + .results-block { + grid-template-columns: 1fr; + } + + .title-block { + grid-template-columns: 1fr; + margin-bottom: 25vh; + justify-items: center; + } + + .dipole-title { + margin-top: 45px; + + } + + #freq { + max-width: 75vw; + + } + +} + +body { + overflow-x: hidden; +} diff --git a/src/utilities/dipole.js b/src/utilities/dipole.js new file mode 100644 index 0000000..f038929 --- /dev/null +++ b/src/utilities/dipole.js @@ -0,0 +1,26 @@ +$(function(ready){ + $('#freq').change(function() { + let freq = $('#freq').val(); + localStorage.setItem('freq', freq); + + $('#total_len_cm').text(14300 / freq + ' cm'); + $('#total_len_ft').text(468 / freq + ' ft'); + + $('#leg_len_cm').text(((14300 / freq) / 2) + ' cm'); + $('#leg_len_ft').text(((468 / freq) / 2) + ' ft'); + + $('#mono_len_cm').text(((14300 / freq) / 2) + ' cm'); + $('#mono_len_ft').text(((468 / freq) / 2) + ' ft'); + + + + }); +}) + +$(document).ready(function() { + let last_freq = localStorage.getItem('freq'); + if(last_freq != null) { + $('#freq').val(last_freq); + } + $('#freq').change(); +}); diff --git a/src/utilities/dipole.php b/src/utilities/dipole.php new file mode 100644 index 0000000..15e1285 --- /dev/null +++ b/src/utilities/dipole.php @@ -0,0 +1,41 @@ + + + + + Tyler Perkins - Home + + + + + + +
+

Dipole Calculator

+ +
+ +
+
+

Frequency (Mhz)

+ +
+
+

Total length of dipole

+

+

+

Length of leg

+

+

+

Length of monopole

+

+

+ +
+
+ + + + + + + diff --git a/src/utilities/index.css b/src/utilities/index.css new file mode 100644 index 0000000..667d6d2 --- /dev/null +++ b/src/utilities/index.css @@ -0,0 +1,73 @@ +.utilities-title { + width: 100vw; + height: 20vh; + + display: grid; + align-content: center; + justify-content: center; + justify-items: center; + align-items: center; + + margin-top: 25px; +} + +.utilities-grid { + width: 90vw; + min-height: 80vh; + background: rgba(11,11,12,0.3); + margin: 0px 5vw ; + + display: grid; + grid-template-columns: 1fr; +} + +.utilities-item { + max-width: 100%; + padding: 5%; + max-height: 35vh; +} + +.fill-div { + display:grid; + height: 100%; + width: 100%; + text-decoration: none; + grid-template-columns: 1fr 1fr; + justify-items: center; + padding: 15px; + transition: 300ms; + text-decoration: underline 0.1em rgba(255,255,255,0); +} + +.fill-div:hover { + #background: rgba(44,44,48,0.5); + #background: rgba(22,22,24,1); + background: rgba(0,0,0,1); + text-decoration: underline 0.1em rgba(255,255,255,1); + +} + +.optional-img { + max-width: 100%; + max-height: 100%; + overflow: hidden; + float:right; +} + +@media only screen and (max-width: 768px){ + .optional-img { + display: none; + } + + .fill-div { + grid-template-columns: 1fr; + max-width: 100%; + max-height: 100%; + width: initial; + + } +} + +body { + overflow-x: hidden; +} diff --git a/src/utilities/index.php b/src/utilities/index.php index 214a739..dbe9a04 100644 --- a/src/utilities/index.php +++ b/src/utilities/index.php @@ -1 +1,43 @@ -

kek

+ + + + + Tyler Perkins - Utilities + + + + + +
+

Utilities

+
+ +
+
+ +
+

Dipole Calculator

+

Utility to help you tune a dipole given a target frequency

+ +
+ Stablediffusion: dipole antenna with a blue sky in the background + +
+
+ +
+

Base64 Encode/Decode

+

Encode/Decode base64 text

+ +
+ Stablediffusion: With base64 text on a black background + +
+
+ + + + + + +