nolan/nolan-casey-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
nolan 2025-05-15 21:42:42 -04:00
commit 38945cc2b4
30 changed files with 794 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

333
html/css/style.css Normal file
View File

@ -0,0 +1,333 @@
:root{
--black: #141414;
--dark-grey: #1f1f1f;
--light-grey: #333333;
--white: #e6e6e6;
--highlight: #8d3dc2;
--transition-speed: 0.4s;
}
body{
background-color: var(--black);
color: var(--white);
transition: color var(--transition-speed), background-color var(--transition-speed);
font-family: "Balthazar", serif;
}
a{
color: var(--highlight);
}
h1, h2, h3, h4, h5, h6{
text-align: center;
margin-bottom: 5px;
color: var(--highlight);
font-family: "Germania One", system-ui;
}
h1{
font-size: 36px;
}
h2{
font-size: 28px;
}
h3{
font-size: 22px;
}
h4{
font-size: 19px;
}
h5{
font-size: 16px;
}
h6{
font-size: 13px;
}
header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
background-color: var(--dark-grey);
display: flex;
flex-direction: row;
height: 8%;
align-items: center;
transition: background-color var(--transition-speed);
}
hr{
border-color: var(--highlight);
width: 90%;
}
p{
margin: 5px;
padding: 5px;
font-size: 18px;
}
.box{
background-color: var(--dark-grey);
border-radius: 15px;
margin: auto;
transition: background-color var(--transition-speed);
}
.hflex{
display: flex;
flex-direction: row;
align-items: center;
}
.vflex{
display: flex;
flex-direction: column;
align-items: center;
}
.button{
background-color: var(--light-grey);
color: var(--white);
height: 35px;
padding: 10px;
margin: 5px;
text-decoration: none;
border-radius: 10px;
display: flex;
flex-direction: row;
align-items: center;
font-size: 20px;
transition: var(--transition-speed);
}
.button:hover{
background-color: var(--black);
color: var(--highlight);
transition: var(--transition-speed);
}
.header-button{
background-color: var(--light-grey);
color: var(--white);
height: 50%;
margin: auto;
margin-left: 10px;
text-decoration: none;
border-radius: 10px;
display: flex;
flex-direction: row;
align-items: center;
font-size: 20px;
transition: var(--transition-speed);
}
.header-button:hover{
background-color: var(--black);
color: var(--highlight);
transition: var(--transition-speed);
}
.inline-logo{
height: 30px;
margin-right: 10px;
border-radius: 10px;
}
.logo{
height: 80%;
margin: 5px;
position: absolute;
transition: var(--transition-speed);
}
.logo:hover{
height: 90%;
margin: 2px;
transition: var(--transition-speed);
}
.header-logo{
height: 100%;
border-radius: 10px;
}
.center-flex{
margin: auto;
display: flex;
flex-direction: row;
align-items: center;
}
.small{
font-size: 11px;
font-weight: normal;
}
.site-icon{
margin: auto;
}
.icon-image{
border-radius: 5px;
}
.left{
display: block;
width: 70%;
margin: auto;
margin-left: 7px;
text-align: left;
}
.right{
display: block;
width: 70%;
margin: auto;
margin-right: 7px;
text-align: right;
}
.about-image-v{
width: 100px;
padding: 10px;
border-radius: 20px;
}
.about-image-h{
width: auto;
height: 150px;
padding: 10px;
border-radius: 20px;
}
.lfloat{
position: static;
float: left;
}
.rfloat{
position: static;
float: right;
}
#brightness{
flex-basis: 0%;
height: 100%;
background-color: transparent;
border-width: 0px;
}
#brightness-icon{
height: 100%;
border-radius: 10px;
}
@media screen and (max-width: 700px){
.button{
width: 60%;
}
.header-button{
padding: 5px 10px 5px 60px;
}
.thin{
width: 90%;
}
.medium{
}
.wide{
}
.spacer{
height: 80px;
}
.site-icon{
height: 40px;
}
.icon-image{
height: 34px;
margin: 3px;
}
}
@media screen and (max-width: 1100px) and (min-width: 700px){
.button{
width: 52%;
}
.header-button{
padding: 5px 10px 5px 70px;
}
.thin{
width: 60%;
}
.medium{
}
.wide{
}
.spacer{
height: 90px;
}
.site-icon{
height: 44px;
}
.icon-image{
height: 38px;
margin: 3px;
}
}
@media screen and (max-width: 1600px) and (min-width: 1100px){
.button{
width: 50%;
}
.header-button{
padding: 5px 10px 5px 80px;
}
.thin{
width: 35%;
}
.medium{
}
.wide{
}
.spacer{
height: 90px;
}
.site-icon{
height: 50px;
}
.icon-image{
height: 40px;
margin: 5px;
}
}
@media screen and (max-width: 2000px) and (min-width: 1600px){
.button{
width: 45%;
}
.header-button{
padding: 5px 10px 5px 80px;
}
.thin{
width: 25%;
}
.medium{
}
.wide{
}
.spacer{
height: 100px;
}
.site-icon{
height: 50px;
margin: auto;
}
.icon-image{
height: 40px;
margin: 5px;
}
}
@media screen and (min-width: 2000px){
.button{
width: 45%;
}
.header-button{
padding: 5px 10px 5px 100px;
}
.thin{
width: 20%;
}
.medium{
}
.wide{
}
.spacer{
height: 120px;
}
.site-icon{
height: 60px;
}
.icon-image{
height: 44px;
margin: 8px;
}
}

BIN
html/etc/FancyResume.pdf Normal file
View File

Binary file not shown.

1
html/images/Gitea_Logo.svg Normal file
View File

@ -0,0 +1 @@
<svg version="1.1" id="main_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 640 640;" xml:space="preserve" viewBox="5.67 143.05 628.65 387.55"> <g> <path id="teabag" style="fill:#FFFFFF" d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8 c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4 c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z"></path> <g> <g> <path style="fill:#609926" d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2 c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5 c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5 c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3 c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1 C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4 c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7 S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55 c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8 l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"></path> <path style="fill:#609926" d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4 c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1 c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9 c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3 c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3 c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29 c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8 C343.2,346.5,335,363.3,326.8,380.1z"></path> </g> </g> </g> </svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
html/images/LI-In-Bug.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
html/images/YdrBeQ.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
html/images/Ymi3pl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

41
html/images/audiobookshelf.svg Normal file
View File

@ -0,0 +1,41 @@
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1235.7 1235.4" style="enable-background:new 0 0 6702.7 1277.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:url(#SVGID_1_);}
.st2{fill:#C9C9C9;}
.st3{font-family:'GentiumBookBasic';}
.st4{font-size:800px;}
.st5{fill:#474747;}
</style>
<title>bgAsset 6</title>
<g id="Layer_2_1_">
<g id="Layer_2-2">
<g id="Layer_4">
<g id="Layer_5">
<circle class="st0" cx="618.6" cy="618.6" r="618.6"/>
</g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="617.37" y1="1257.3" x2="617.37" y2="61.4399" gradientTransform="matrix(1 0 0 -1 0 1278)">
<stop offset="0.32" style="stop-color:#CD9D49"/>
<stop offset="0.99" style="stop-color:#875D27"/>
</linearGradient>
<circle class="st1" cx="617.4" cy="618.6" r="597.9"/>
</g>
<path class="st0" d="M1005.6,574.1c-4.8-4-12.4-10-22.6-17v-79.2c0-201.9-163.7-365.6-365.6-365.6l0,0
c-201.9,0-365.6,163.7-365.6,365.6v79.2c-10.2,7-17.7,13-22.6,17c-4.1,3.4-6.5,8.5-6.5,13.9v94.9c0,5.4,2.4,10.5,6.5,14
c11.3,9.4,37.2,29.1,77.5,49.3v9.2c0,24.9,16,45,35.8,45l0,0c19.8,0,35.8-20.2,35.8-45V527.8c0-24.9-16-45-35.8-45l0,0
c-19,0-34.5,18.5-35.8,41.9h-0.1v-46.9c0-171.6,139.1-310.7,310.7-310.7l0,0C789,167.2,928,306.3,928,477.9v46.9H928
c-1.3-23.4-16.8-41.9-35.8-41.9l0,0c-19.8,0-35.8,20.2-35.8,45v227.6c0,24.9,16,45,35.8,45l0,0c19.8,0,35.8-20.2,35.8-45v-9.2
c40.3-20.2,66.2-39.9,77.5-49.3c4.2-3.5,6.5-8.6,6.5-14V588C1012.1,582.6,1009.7,577.5,1005.6,574.1z"/>
<path class="st0" d="M489.9,969.7c23.9,0,43.3-19.4,43.3-43.3V441.6c0-23.9-19.4-43.3-43.3-43.3h-44.7
c-23.9,0-43.3,19.4-43.3,43.3v484.8c0,23.9,19.4,43.3,43.3,43.3L489.9,969.7z M418.2,514.6h98.7v10.3h-98.7V514.6z"/>
<path class="st0" d="M639.7,969.7c23.9,0,43.3-19.4,43.3-43.3V441.6c0-23.9-19.4-43.3-43.3-43.3H595c-23.9,0-43.3,19.4-43.3,43.3
v484.8c0,23.9,19.4,43.3,43.3,43.3H639.7z M568,514.6h98.7v10.3H568V514.6z"/>
<path class="st0" d="M789.6,969.7c23.9,0,43.3-19.4,43.3-43.3V441.6c0-23.9-19.4-43.3-43.3-43.3h-44.7
c-23.9,0-43.3,19.4-43.3,43.3v484.8c0,23.9,19.4,43.3,43.3,43.3L789.6,969.7z M717.9,514.6h98.7v10.3h-98.7V514.6z"/>
<path class="st0" d="M327.1,984.7h580.5c18,0,32.6,14.6,32.6,32.6v0c0,18-14.6,32.6-32.6,32.6H327.1c-18,0-32.6-14.6-32.6-32.6v0
C294.5,999.3,309.1,984.7,327.1,984.7z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

7
html/images/codewars.svg Normal file
View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" height="654.9" width="662.5">
<path fill="#b1361e" d="M321.7 550.8a21 21 0 0112.2-3.6 21 21 0 0117.7 10.5 24.1 24.1 0 0117.8-7.2 24 24 0 0115.7 6.3 26.6 26.6 0 0126.3-19.7 26.5 26.5 0 019.7 2.1v.6c.4-15.7 13-28.2 28.4-28.7a35.5 35.5 0 01-3.3-19.7c1.5-12.3 9.1-22.4 19.4-27.7l.1.1c-5.3-5.5-8.5-13-8.3-21.3a29.6 29.6 0 016.2-17.5 27.3 27.3 0 01-12.1-33.5 24.5 24.5 0 01-22-25 24.7 24.7 0 01.3-3.8 19.8 19.8 0 01-4.2.4 19.8 19.8 0 01-18.7-15.3 17.7 17.7 0 01-10.3 3c-8.2-.3-15-6-16.8-13.7a11.2 11.2 0 01-5.8 1.4 11.2 11.2 0 01-4.8-1.2v-.2a36.4 36.4 0 01-9.7 16 11.2 11.2 0 015.2 5 11.3 11.3 0 01-.2 10.6 17.8 17.8 0 018.8 29.8 19.7 19.7 0 019.6 9c5 9.7 1.1 21.6-8.6 26.6a24.5 24.5 0 015.3 7c6.2 12.1 1.5 27-10.6 33a24.6 24.6 0 01-6 2.2v.1a27.3 27.3 0 01-11.8 36.8 27.1 27.1 0 01-14.7 2.9 29.7 29.7 0 01-17.7 29 17.2 17.2 0 013 5.6.7.7 0 01-.1 0z"/>
<path fill="#b1361e" d="M623.8 10H38.7A28.7 28.7 0 0010 38.7v577.5a28.7 28.7 0 0028.7 28.7h585.1a28.7 28.7 0 0028.7-28.7V38.7A28.7 28.7 0 00623.8 10zm-26.5 388.8c-3.8 6-9.8 10-16.2 11.6a24.2 24.2 0 01-21.5 39.7 21.8 21.8 0 00-.2-1.1 21 21 0 01-28.8 23.4 17.1 17.1 0 01-2.6 7.5c-2.7 4.3-7 7-11.5 7.7a35.6 35.6 0 01.6 12.2 35.7 35.7 0 01-39.6 31.3h1a29.4 29.4 0 011.5 10.2 29.5 29.5 0 01-30.2 28.7 29.4 29.4 0 01-12.6-3.2 26.6 26.6 0 01-45.4 15.6 24.2 24.2 0 01-45.1 2 21 21 0 01-34.1-13.2 17.1 17.1 0 01-7.8 1.7c-8.7-.2-15.8-7-16.6-15.5l.1-.2a35.5 35.5 0 01-16.9 14 35.7 35.7 0 01-46-18.9 29.4 29.4 0 01-8.2 6.2 29.5 29.5 0 01-39.6-12.8 29.3 29.3 0 01-3.3-12.6 26.6 26.6 0 01-35.3-32.4 24.2 24.2 0 01-23.4-38.6 21 21 0 01-4.7-36.3 17.1 17.1 0 01-5.2-6 17.2 17.2 0 01.3-16.3l.5.1a35.5 35.5 0 01-13.3-6.4 35.7 35.7 0 01-7-49.4 29.4 29.4 0 01-9.4-3.9 29.5 29.5 0 01-9-40.7 29.3 29.3 0 019.3-9.1 26.6 26.6 0 0110-47 24.2 24.2 0 0121.6-39.6l.1 1.1a21 21 0 0128.8-23.5 17.1 17.1 0 012.6-7.5c2.7-4.2 7-6.9 11.6-7.7a35.6 35.6 0 01-.7-12.1 35.7 35.7 0 0138.7-31.4 29.4 29.4 0 01-1.6-10.1c.5-16.3 14-29.2 30.2-28.7a29.3 29.3 0 0112.6 3.1 26.6 26.6 0 0145.4-15.5 24.2 24.2 0 0145.1-2.1 21 21 0 0134.1 13.2 17.1 17.1 0 017.8-1.6c8.8.2 15.8 7 16.7 15.4l-.2.3a35.4 35.4 0 0116.9-14.1c18-7.3 38.4 1.2 46 19A29.4 29.4 0 01451 99a29.5 29.5 0 0139.7 12.8 29.3 29.3 0 013.2 12.6 26.6 26.6 0 0135.4 32.5 24.2 24.2 0 0123.4 38.5 21 21 0 014.7 36.3 17.1 17.1 0 015.1 6 17.2 17.2 0 01-.3 16.4 35.5 35.5 0 0112.9 6.3 35.7 35.7 0 016.9 49.3 29.4 29.4 0 019.4 4 29.5 29.5 0 019 40.6 29.3 29.3 0 01-9.2 9.2 26.6 26.6 0 016.1 35.3z"/>
<path fill="#b1361e" d="M316.6 99.8a24.1 24.1 0 01-17.8 7.2 24 24 0 01-15.6-6.2 26.6 26.6 0 01-26.4 19.6 26.5 26.5 0 01-9.7-2 29.4 29.4 0 01-28.4 28 35.5 35.5 0 013.3 19.7 35.7 35.7 0 01-19.4 27.7c5.3 5.5 8.4 13 8.2 21.3a29.6 29.6 0 01-6.2 17.4c8.6 4.8 14.2 14 14 24.5a27.2 27.2 0 01-1.9 9 24.5 24.5 0 0122 25.1 24.7 24.7 0 01-.3 3.7 19.8 19.8 0 014.2-.3c9.2.2 16.8 6.7 18.8 15.3a17.7 17.7 0 0110.2-3c8.3.2 15 6 16.9 13.7a11.2 11.2 0 0110.2-.4 36.2 36.2 0 018.1-16.9 11.2 11.2 0 01-3.2-3.8 11.3 11.3 0 01.1-10.5A17.8 17.8 0 01295 259a19.7 19.7 0 01-9.6-9 19.8 19.8 0 0110.3-27.4 20 20 0 00-1.6.7 24.5 24.5 0 01-5.4-7 24.5 24.5 0 0116.7-35.2v-.1a27.3 27.3 0 0111.7-36.7 27.1 27.1 0 0114.8-3 29.7 29.7 0 0116-28.2 30 30 0 011.6-.7 17.2 17.2 0 01-2.9-5.6 21 21 0 01-12.2 3.5 21 21 0 01-17.7-10.6zm214.7 217a35.7 35.7 0 01-13.7-31c-7.4 1.7-15.5.6-22.4-3.9a29.6 29.6 0 01-11.8-14.3 27.3 27.3 0 01-28.1-.7 27.2 27.2 0 01-6.9-6.3c-7.6 10.2-21.9 13-32.8 6a24.8 24.8 0 01-3-2.2 19.8 19.8 0 01-1.8 3.8 19.8 19.8 0 01-22.8 8.1 17.7 17.7 0 01-2.8 10.3c-4.4 7-12.9 9.8-20.4 7.4a11.2 11.2 0 01-1.7 5.7c-.6.9-1.3 1.7-2 2.3a36.3 36.3 0 018.4 15.1 11.2 11.2 0 015-1.1 11.3 11.3 0 019.2 5.2 17.8 17.8 0 0130.4 6.5 19.7 19.7 0 0112.5-4.1c11 .2 19.5 9.3 19.3 20.2a19.8 19.8 0 01-.2 2l.2-1.9a24.5 24.5 0 018.7-1.4 24.5 24.5 0 0124 25.2 24.6 24.6 0 01-1 6.3c15.1.4 27 12.9 26.6 28a27.1 27.1 0 01-4.5 14.3A29.7 29.7 0 01517 444a29.7 29.7 0 01-2 9.7l.1-.2 2.7.5a21 21 0 013.3-12.3 21 21 0 0118.2-9.7 24.1 24.1 0 013-19 24 24 0 0113.5-10 26.6 26.6 0 01-3.3-32.8 26.5 26.5 0 016.9-7.2 29.4 29.4 0 01-9.4-38.9 35.5 35.5 0 01-18.6-7.3z"/>
<path fill="#b1361e" d="M532.7 236.4a17.2 17.2 0 012.2-2.9 21 21 0 01-8.9-9 21 21 0 01.8-20.6c-6.2-1.8-11.6-6-14.8-12.2a24 24 0 01-2-16.7 26.6 26.6 0 01-29.9-13.7 26.6 26.6 0 01-2.8-9.6 29.4 29.4 0 01-38.2-11.5 35.5 35.5 0 01-15.7 12.3 35.7 35.7 0 01-33.6-3.8v-.3a29.7 29.7 0 01-14.8 17.7 29.6 29.6 0 01-18.3 3 27.3 27.3 0 01-14.8 23.8 27.2 27.2 0 01-8.8 2.8c4.9 11.7 0 25.4-11.5 31.3a24.7 24.7 0 01-3.4 1.5 19.8 19.8 0 012.3 3.5c4.2 8.2 2.1 18-4.5 23.8a17.7 17.7 0 017.5 7.6c3.8 7.3 2 16-4 21.3a11.2 11.2 0 014.1 4.4c.5.9.8 1.8 1 2.7a36.3 36.3 0 0118-.4 11.3 11.3 0 011.5-3.8 11.3 11.3 0 019.1-5.2 17.8 17.8 0 0121.3-22.7 19.7 19.7 0 013-12.8c5.8-9.2 18-11.9 27.2-6a24.5 24.5 0 013.4-8.2 24.5 24.5 0 0134-7.5 24.5 24.5 0 014.8 4.1 27.3 27.3 0 0137.7-8.4 27.1 27.1 0 0110 11.3c9.5-6.4 22.3-7 32.5-.4a29.7 29.7 0 015.6 4.6zm-188 132a11.2 11.2 0 01-1.3-6.4 36.4 36.4 0 01-9 1.1c-3 0-5.9-.3-8.6-1a11.2 11.2 0 01-1.6 7.9 11.3 11.3 0 01-9.2 5.2 17.8 17.8 0 01-21.2 22.6 19.7 19.7 0 01-3 12.8 19.8 19.8 0 01-27.3 6 24.5 24.5 0 01-3.4 8.2 24.5 24.5 0 01-33.9 7.5 24.6 24.6 0 01-4.9-4.1v.1a27.3 27.3 0 01-37.7 8.3 27.1 27.1 0 01-10-11.2c-9.5 6.4-22.2 7-32.5.4a29.8 29.8 0 01-5.6-4.6 17.4 17.4 0 01-2.2 2.8 21 21 0 019 9 21 21 0 01-.9 20.6c6.2 1.8 11.7 6 14.8 12.2a24 24 0 012 16.7 26.6 26.6 0 0130 13.8 26.5 26.5 0 012.7 9.5 29.4 29.4 0 0138.3 11.5 35.5 35.5 0 0115.7-12.3c11.5-4.6 24-2.8 33.6 3.8a29.6 29.6 0 0114.7-17.4 29.6 29.6 0 0118.3-2.9c.1-9.7 5.5-19.1 14.8-23.9a27.3 27.3 0 018.9-2.8c-5-11.7 0-25.4 11.4-31.3a24.6 24.6 0 013.5-1.4 19.7 19.7 0 01-2.4-3.6c-4.2-8.2-2-17.9 4.5-23.7a17.7 17.7 0 01-7.5-7.6c-3.7-7.4-1.9-16.1 4-21.4a11.2 11.2 0 01-4-4.4z"/>
<path fill="#b1361e" d="M300.4 339.5a11.2 11.2 0 01-6.7 2 11.3 11.3 0 01-9.2-5.1 17.8 17.8 0 01-30.3-6.5 19.7 19.7 0 01-12.6 4c-10.9-.2-19.5-9.3-19.2-20.2a24.5 24.5 0 01-8.8 1.3 24.5 24.5 0 01-22.9-31.5h-.1c-15-.3-27-12.8-26.6-27.9a27.1 27.1 0 014.5-14.3 29.7 29.7 0 01-17.1-27.7 29.7 29.7 0 011.8-9.6 17.4 17.4 0 01-2.7-.5 21 21 0 01-3.3 12.3 21 21 0 01-18.2 9.7c1.6 6.3.7 13.1-3 19a24 24 0 01-13.4 10.1c8.3 8.7 10 22.2 3.2 32.8a26.5 26.5 0 01-6.8 7.2 29.4 29.4 0 019.4 38.8 35.5 35.5 0 0118.5 7.4 35.7 35.7 0 0113.7 30.9c7.5-1.7 15.5-.5 22.5 4a29.6 29.6 0 0111.7 14.2 27.3 27.3 0 0128.1.8 27.2 27.2 0 016.9 6.2c7.6-10.2 22-13 32.8-6a24.6 24.6 0 013 2.3 19.8 19.8 0 011.9-3.8c5-7.8 14.4-10.9 22.8-8.2A17.7 17.7 0 01283 371c4.5-7 13-9.7 20.4-7.3a11.2 11.2 0 016.6-10 36.4 36.4 0 01-9.6-14z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
html/images/croak.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 KiB

BIN
html/images/darkMode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
html/images/extra-nerd.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
html/images/fooocus.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

1
html/images/github-mark-white.svg Normal file
View File

@ -0,0 +1 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 960 B

1
html/images/immich.svg Normal file
View File

@ -0,0 +1 @@
<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version='1.1' id='Flower' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 792 792' style='enable-background:new 0 0 792 792;' xml:space='preserve'><style type='text/css'> .st0{fill:#FA2921;} .st1{fill:#ED79B5;} .st2{fill:#FFB400;} .st3{fill:#1E83F7;} .st4{fill:#18C249;} </style><g id='Flower_00000077325900055813483940000000694823054982625702_'><path class='st0' d='M375.48,267.63c38.64,34.21,69.78,70.87,89.82,105.42c34.42-61.56,57.42-134.71,57.71-181.3 c0-0.33,0-0.63,0-0.91c0-68.94-68.77-95.77-128.01-95.77s-128.01,26.83-128.01,95.77c0,0.94,0,2.2,0,3.72 C300.01,209.24,339.15,235.47,375.48,267.63z'/><path class='st1' d='M164.7,455.63c24.15-26.87,61.2-55.99,103.01-80.61c44.48-26.18,88.97-44.47,128.02-52.84 c-47.91-51.76-110.37-96.24-154.6-110.91c-0.31-0.1-0.6-0.19-0.86-0.28c-65.57-21.3-112.34,35.81-130.64,92.15 c-18.3,56.34-14.04,130.04,51.53,151.34C162.05,454.77,163.25,455.16,164.7,455.63z'/><path class='st2' d='M681.07,302.19c-18.3-56.34-65.07-113.45-130.64-92.15c-0.9,0.29-2.1,0.68-3.54,1.15 c-3.75,35.93-16.6,81.27-35.96,125.76c-20.59,47.32-45.84,88.27-72.51,118c69.18,13.72,145.86,12.98,190.26-1.14 c0.31-0.1,0.6-0.2,0.86-0.28C695.11,432.22,699.37,358.52,681.07,302.19z'/><path class='st3' d='M336.54,510.71c-11.15-50.39-14.8-98.36-10.7-138.08c-64.03,29.57-125.63,75.23-153.26,112.76 c-0.19,0.26-0.37,0.51-0.53,0.73c-40.52,55.78-0.66,117.91,47.27,152.72c47.92,34.82,119.33,53.54,159.86-2.24 c0.56-0.76,1.3-1.78,2.19-3.01C363.28,602.32,347.02,558.08,336.54,510.71z'/><path class='st4' d='M617.57,482.52c-35.33,7.54-82.42,9.33-130.72,4.66c-51.37-4.96-98.11-16.32-134.63-32.5 c8.33,70.03,32.73,142.73,59.88,180.6c0.19,0.26,0.37,0.51,0.53,0.73c40.52,55.78,111.93,37.06,159.86,2.24 c47.92-34.82,87.79-96.95,47.27-152.72C619.2,484.77,618.46,483.75,617.57,482.52z'/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

1
html/images/itchio-logo-textless-white.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="235.452" width="261.728" viewBox="0 0 245.37069 220.73612"><path d="M31.99 1.365C21.287 7.72.2 31.945 0 38.298v10.516C0 62.144 12.46 73.86 23.773 73.86c13.584 0 24.902-11.258 24.903-24.62 0 13.362 10.93 24.62 24.515 24.62 13.586 0 24.165-11.258 24.165-24.62 0 13.362 11.622 24.62 25.207 24.62h.246c13.586 0 25.208-11.258 25.208-24.62 0 13.362 10.58 24.62 24.164 24.62 13.585 0 24.515-11.258 24.515-24.62 0 13.362 11.32 24.62 24.903 24.62 11.313 0 23.773-11.714 23.773-25.046V38.298c-.2-6.354-21.287-30.58-31.988-36.933C180.118.197 157.056-.005 122.685 0c-34.37.003-81.228.54-90.697 1.365zm65.194 66.217a28.025 28.025 0 0 1-4.78 6.155c-5.128 5.014-12.157 8.122-19.906 8.122a28.482 28.482 0 0 1-19.948-8.126c-1.858-1.82-3.27-3.766-4.563-6.032l-.006.004c-1.292 2.27-3.092 4.215-4.954 6.037a28.5 28.5 0 0 1-19.948 8.12c-.934 0-1.906-.258-2.692-.528-1.092 11.372-1.553 22.24-1.716 30.164l-.002.045c-.02 4.024-.04 7.333-.06 11.93.21 23.86-2.363 77.334 10.52 90.473 19.964 4.655 56.7 6.775 93.555 6.788h.006c36.854-.013 73.59-2.133 93.554-6.788 12.883-13.14 10.31-66.614 10.52-90.474-.022-4.596-.04-7.905-.06-11.93l-.003-.045c-.162-7.926-.623-18.793-1.715-30.165-.786.27-1.757.528-2.692.528a28.5 28.5 0 0 1-19.948-8.12c-1.862-1.822-3.662-3.766-4.955-6.037l-.006-.004c-1.294 2.266-2.705 4.213-4.563 6.032a28.48 28.48 0 0 1-19.947 8.125c-7.748 0-14.778-3.11-19.906-8.123a28.025 28.025 0 0 1-4.78-6.155 27.99 27.99 0 0 1-4.736 6.155 28.49 28.49 0 0 1-19.95 8.124c-.27 0-.54-.012-.81-.02h-.007c-.27.008-.54.02-.813.02a28.49 28.49 0 0 1-19.95-8.123 27.992 27.992 0 0 1-4.736-6.155zm-20.486 26.49l-.002.01h.015c8.113.017 15.32 0 24.25 9.746 7.028-.737 14.372-1.105 21.722-1.094h.006c7.35-.01 14.694.357 21.723 1.094 8.93-9.747 16.137-9.73 24.25-9.746h.014l-.002-.01c3.833 0 19.166 0 29.85 30.007L210 165.244c8.504 30.624-2.723 31.373-16.727 31.4-20.768-.773-32.267-15.855-32.267-30.935-11.496 1.884-24.907 2.826-38.318 2.827h-.006c-13.412 0-26.823-.943-38.318-2.827 0 15.08-11.5 30.162-32.267 30.935-14.004-.027-25.23-.775-16.726-31.4L46.85 124.08c10.684-30.007 26.017-30.007 29.85-30.007zm45.985 23.582v.006c-.02.02-21.863 20.08-25.79 27.215l14.304-.573v12.474c0 .584 5.74.346 11.486.08h.006c5.744.266 11.485.504 11.485-.08v-12.474l14.304.573c-3.928-7.135-25.79-27.215-25.79-27.215v-.006l-.003.002z" color="#000" fill="#fff"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

24
html/images/jellyfin.svg Normal file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- ***** BEGIN LICENSE BLOCK *****
- Part of the Jellyfin project (https://jellyfin.media)
-
- All copyright belongs to the Jellyfin contributors; a full list can
- be found in the file CONTRIBUTORS.md
-
- This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License.
- To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/.
- ***** END LICENSE BLOCK ***** -->
<svg version="1.1" id="icon-transparent" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
<defs>
<linearGradient id="linear-gradient" gradientUnits="userSpaceOnUse" x1="110.25" y1="213.3" x2="496.14" y2="436.09">
<stop offset="0" style="stop-color:#AA5CC3"/>
<stop offset="1" style="stop-color:#00A4DC"/>
</linearGradient>
</defs>
<title>icon-transparent</title>
<g id="icon-transparent">
<path id="inner-shape" d="M256,201.6c-20.4,0-86.2,119.3-76.2,139.4s142.5,19.9,152.4,0S276.5,201.6,256,201.6z" fill="url(#linear-gradient)"/>
<path id="outer-shape" d="M256,23.3c-61.6,0-259.8,359.4-229.6,420.1s429.3,60,459.2,0S317.6,23.3,256,23.3z
M406.5,390.8c-19.6,39.3-281.1,39.8-300.9,0s110.1-275.3,150.4-275.3S426.1,351.4,406.5,390.8z" fill="url(#linear-gradient)"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
html/images/lightMode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
html/images/minecraft.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
html/images/nerd.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 MiB

1
html/images/nextcloud-logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
html/images/nolanLogo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 KiB

BIN
html/images/speedin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
html/images/steam.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
html/images/water.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

50
html/index.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hub</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/images/nolanLogo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Balthazar&family=Germania+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet">
<script src="/js/colors.js"></script>
</head>
<body>
<header>
<a href="/index.html" class="logo"><img class="header-logo" src="/images/nolanLogo.png" alt="Nolan Casey logo"></a>
<a href="/index.html" class="header-button">Link Hub</a>
<button type="button" id="brightness" onclick="toggleBrightness()"><img id="brightness-icon" src="/images/darkMode.png" alt=""></button>
</header>
<div class="spacer"></div>
<div class="box vflex thin">
<h1>Hub</h1>
<br>
<h2>Sites (Coming Soon)</h2>
<a class="button" href="/pages/portfolio.html"><span class="center-flex">Portfolio</span></a>
<a href="/etc/FancyResume.pdf" class="button" target="_blank"><span class="center-flex">Resume</span></a>
<a class="button" href="/pages/monitor.html"><span class="center-flex">Server Monitor</span></a>
<a class="button" href="/pages/minecraft.html"><span class="center-flex"><img class="inline-logo" src="/images/minecraft.ico">Minecraft</span></a>
<a class="button" href="/pages/about.html"><span class="center-flex">About</span></a>
<br>
<h2>Services</h2>
<a class="button" href="https://audiobooks.nolancasey.click" target="_blank"><span class="center-flex"><img class="inline-logo" src="/images/audiobookshelf.svg">Audiobookshelf</span></a>
<a class="button" href="http://gitea.nolancasey.click" target="_blank" rel="noopener noreferrer"><span class="center-flex"><img src="/images/Gitea_Logo.svg" alt="Gitea logo" class="inline-logo">Gitea</span></a>
<a class="button" href="https://photos.nolancasey.click" target="_blank"><span class="center-flex"><img class="inline-logo" src="/images/immich.svg">Immich</span></a>
<a class="button" href="https://movies.nolancasey.click" target="_blank"><span class="center-flex"><img class="inline-logo" src="/images/jellyfin.svg">Jellyfin</span></a>
<a class="button" href="https://drive.nolancasey.click" target="_blank"><span class="center-flex"><img class="inline-logo" src="/images/nextcloud-logo.svg">Nextcloud</span></a>
<br>
</div>
<br>
<div class="box hflex thin">
<a href="https://github.com/nc5432" class="site-icon" target="_blank"><img class="icon-image" src="/images/github-mark-white.svg" alt="Github link"></a>
<a href="https://gitea.nolancasey.click" class="site-icon" target="_blank"><img class="icon-image" src="/images/Gitea_Logo.svg" alt="Gitea link"></a>
<a href="https://www.codewars.com/users/nc543" class="site-icon" target="_blank"><img src="/images/codewars.svg" alt="Codewars link" class="icon-image"></a>
<a href="https://nc543.itch.io/" class="site-icon" target="_blank"><img src="/images/itchio-logo-textless-white.svg" alt="Itch.io link" class="icon-image"></a>
<a href="https://steamcommunity.com/id/nukgroik/" class="site-icon" target="_blank"><img src="/images/steam.png" alt="Steam link" class="icon-image"></a>
<a href="https://www.linkedin.com/in/nolan-casey-25a32a288/" class="site-icon" target="_blank"><img src="/images/LI-In-Bug.png" alt="Linkedin link" class="icon-image"></a>
</div>
</body>
</html>

39
html/js/colors.js Normal file
View File

@ -0,0 +1,39 @@
var root = document.querySelector(':root');
if (localStorage.colorMode){
if (localStorage.colorMode == '1'){
root.style.setProperty("--transition-speed", "0s");
root.style.setProperty("--black", "#efefef");
root.style.setProperty("--dark-grey", "#cbcbcb");
root.style.setProperty("--light-grey", "#a9a9a9");
root.style.setProperty("--white", "#141414");
}
}else{
localStorage.colorMode = '0';
}
window.addEventListener("load", function(){
var toggle = document.getElementById("brightness-icon");
if (this.localStorage.colorMode == '1'){
toggle.src = "/images/lightMode.png";
root.style.setProperty("--transition-speed", "0.4s");
}
});
function toggleBrightness(){
var toggle = document.getElementById("brightness-icon");
if (getComputedStyle(root).getPropertyValue('--black') == "#141414"){
root.style.setProperty("--black", "#efefef");
root.style.setProperty("--dark-grey", "#cbcbcb");
root.style.setProperty("--light-grey", "#a9a9a9");
root.style.setProperty("--white", "#141414");
toggle.src = "/images/lightMode.png"
localStorage.colorMode = '1';
}else{
root.style.setProperty("--black", "#141414");
root.style.setProperty("--dark-grey", "#1f1f1f");
root.style.setProperty("--light-grey", "#333333");
root.style.setProperty("--white", "#e6e6e6");
toggle.src = "/images/darkMode.png"
localStorage.colorMode = '0';
}
}

86
html/pages/about.html Normal file
View File

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/images/nolanLogo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Balthazar&family=Germania+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet">
<script src="/js/colors.js"></script>
</head>
<body>
<header>
<a href="/index.html" class="logo"><img class="header-logo" src="/images/nolanLogo.png" alt="Nolan Casey logo"></a>
<a href="/index.html" class="header-button">Link Hub</a>
<button type="button" id="brightness" onclick="toggleBrightness()"><img id="brightness-icon" src="/images/darkMode.png" alt=""></button>
</header>
<div class="spacer"></div>
<div class="box vflex thin">
<h1>About</h1>
<hr>
<br>
<div>
<h3 class="left">Overview</h3>
<hr class="left">
<img src="/images/nerd.jpg" alt="Photo of Nolan Casey" class="about-image-v lfloat">
<p class="left">
Hi! My name is Nolan Casey. This website is developed and hosted by me, all on my own hardware! I made it to serve a couple of purposes. <br><br>
First, I wanted a hub for all of my self-hosted services. Rather than remembering port numbers and IPs, I figured it would be easier
to set up a reverse proxy with a website with links to everything. <br><br>
Second, I wanted a place for recruiters to see what I can actually do. That is the major reason for this about page and the portfolio page.
</p>
</div>
<br>
<div>
<h3 class="right">About Me</h3>
<hr class="right">
<img src="/images/extra-nerd.jpg" alt="Photo of Nolan Casey" class="about-image-h right">
<p class="right">
I am a computer science major and will be graduating from Michigan Tech in December of 2025. I live in Ithaca, Michigan, also known as
the big corn field in the middle of Michigan. I am a pretty big nerd, considering my hobbies are programming, video games, D&D, and
managing linux servers and services, but I also enjoy hiking and camping. <br><br>
I have worked in IT for about 3 years, from both high school and college, and I have had 3 software development internships at Nexteer
Automotive. I also have an undergraduate research position working on augmented reality keyboards. For more specifics, see my
<a href="/etc/FancyResume.pdf" target="_blank">resume</a>.<br><br>
</p>
</div>
<div>
<h3 class="left">Services</h3>
<hr class="left">
<p class="left">
Many of the services I have running are not self-explanatory by their names, and I also want to give credit to those who made them,
so here I will cover the different services I host. <br><br>
<a href="https://github.com/advplyr/audiobookshelf" target="_blank" rel="noopener noreferrer">Audiobookshelf</a> is one of the few self-explanatory
services here. It is a bookshelf for audiobooks. It has a ton of features and a mobile app, so if you have audiobooks that you want to
host, I highly recommend this. <br><br>
<a href="https://gitea.nolancasey.click" target="_blank" rel="noopener noreferrer">Gitea</a> is a self-hosted github alternative. It focuses on
being lightweight and simple to use. It is what I use for my personal repositories. If you want to browse my repositories, click on the 'Explore'
option in the Gitea menu. This will show all of my public repositories. <br><br>
<a href="https://github.com/immich-app/immich" target="_blank" rel="noopener noreferrer">Immich</a> is a self-hosted alternative to Google
Photos, and does a really good job at it. Both the UI and featureset are almost identical to Google's solution, but this one is controlled
by you. <br><br>
<a href="https://github.com/jellyfin/jellyfin" target="_blank" rel="noopener noreferrer">Jellyfin</a> is a self-hosted streaming service. It
supports things like movies, shows, music, and more. It is really useful for backing up your DvD and CD collection, and lets you access them
anywhere. <br><br>
<a href="https://github.com/nextcloud" target="_blank" rel="noopener noreferrer">Nextcloud</a> is almost a google services replacement. I use
it for hosting large files to send to people, but it comes built-in with things like folder sync, calendar, photos, and a lot more. There is
also a plugin manager to add even more features than it has by default.
</p>
</div>
<br>
</div>
<br>
<div class="box hflex thin">
<a href="https://github.com/nc5432" class="site-icon" target="_blank"><img class="icon-image" src="/images/github-mark-white.svg" alt="Github link"></a>
<a href="https://gitea.nolancasey.click" class="site-icon" target="_blank"><img class="icon-image" src="/images/Gitea_Logo.svg" alt="Gitea link"></a>
<a href="https://www.codewars.com/users/nc543" class="site-icon" target="_blank"><img src="/images/codewars.svg" alt="Codewars link" class="icon-image"></a>
<a href="https://nc543.itch.io/" class="site-icon" target="_blank"><img src="/images/itchio-logo-textless-white.svg" alt="Itch.io link" class="icon-image"></a>
<a href="https://steamcommunity.com/id/nukgroik/" class="site-icon" target="_blank"><img src="/images/steam.png" alt="Steam link" class="icon-image"></a>
<a href="https://www.linkedin.com/in/nolan-casey-25a32a288/" class="site-icon" target="_blank"><img src="/images/LI-In-Bug.png" alt="Linkedin link" class="icon-image"></a>
</div>
</body>
</html>

37
html/pages/minecraft.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minecraft Monitor</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/images/nolanLogo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Balthazar&family=Germania+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet">
<script src="/js/colors.js"></script>
</head>
<body>
<header>
<a href="/index.html" class="logo"><img class="header-logo" src="/images/nolanLogo.png" alt="Nolan Casey logo"></a>
<a href="/index.html" class="header-button">Link Hub</a>
<button type="button" id="brightness" onclick="toggleBrightness()"><img id="brightness-icon" src="/images/darkMode.png" alt=""></button>
</header>
<div class="spacer"></div>
<div class="box vflex thin">
<h1>Minecraft</h1>
<hr>
<p>Coming Soon <span class="small">TM</span></p>
</div>
<br>
<div class="box hflex thin">
<a href="https://github.com/nc5432" class="site-icon" target="_blank"><img class="icon-image" src="/images/github-mark-white.svg" alt="Github link"></a>
<a href="https://gitea.nolancasey.click" class="site-icon" target="_blank"><img class="icon-image" src="/images/Gitea_Logo.svg" alt="Gitea link"></a>
<a href="https://www.codewars.com/users/nc543" class="site-icon" target="_blank"><img src="/images/codewars.svg" alt="Codewars link" class="icon-image"></a>
<a href="https://nc543.itch.io/" class="site-icon" target="_blank"><img src="/images/itchio-logo-textless-white.svg" alt="Itch.io link" class="icon-image"></a>
<a href="https://steamcommunity.com/id/nukgroik/" class="site-icon" target="_blank"><img src="/images/steam.png" alt="Steam link" class="icon-image"></a>
<a href="https://www.linkedin.com/in/nolan-casey-25a32a288/" class="site-icon" target="_blank"><img src="/images/LI-In-Bug.png" alt="Linkedin link" class="icon-image"></a>
</div>
</body>
</html>

37
html/pages/monitor.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Server Monitor</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/images/nolanLogo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Balthazar&family=Germania+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet">
<script src="/js/colors.js"></script>
</head>
<body>
<header>
<a href="/index.html" class="logo"><img class="header-logo" src="/images/nolanLogo.png" alt="Nolan Casey logo"></a>
<a href="/index.html" class="header-button">Link Hub</a>
<button type="button" id="brightness" onclick="toggleBrightness()"><img id="brightness-icon" src="/images/darkMode.png" alt=""></button>
</header>
<div class="spacer"></div>
<div class="box vflex thin">
<h1>Server Monitor</h1>
<hr>
<p>Coming Soon <span class="small">TM</span></p>
</div>
<br>
<div class="box hflex thin">
<a href="https://github.com/nc5432" class="site-icon" target="_blank"><img class="icon-image" src="/images/github-mark-white.svg" alt="Github link"></a>
<a href="https://gitea.nolancasey.click" class="site-icon" target="_blank"><img class="icon-image" src="/images/Gitea_Logo.svg" alt="Gitea link"></a>
<a href="https://www.codewars.com/users/nc543" class="site-icon" target="_blank"><img src="/images/codewars.svg" alt="Codewars link" class="icon-image"></a>
<a href="https://nc543.itch.io/" class="site-icon" target="_blank"><img src="/images/itchio-logo-textless-white.svg" alt="Itch.io link" class="icon-image"></a>
<a href="https://steamcommunity.com/id/nukgroik/" class="site-icon" target="_blank"><img src="/images/steam.png" alt="Steam link" class="icon-image"></a>
<a href="https://www.linkedin.com/in/nolan-casey-25a32a288/" class="site-icon" target="_blank"><img src="/images/LI-In-Bug.png" alt="Linkedin link" class="icon-image"></a>
</div>
</body>
</html>

135
html/pages/portfolio.html Normal file
View File

@ -0,0 +1,135 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nolan Casey Portfolio</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="icon" href="/images/nolanLogo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Balthazar&family=Germania+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet">
<script src="/js/colors.js"></script>
</head>
<body>
<header>
<a href="/index.html" class="logo"><img class="header-logo" src="/images/nolanLogo.png" alt="Nolan Casey logo"></a>
<a href="/index.html" class="header-button">Link Hub</a>
<button type="button" id="brightness" onclick="toggleBrightness()"><img id="brightness-icon" src="/images/darkMode.png" alt=""></button>
</header>
<div class="spacer"></div>
<div class="box vflex thin">
<h1>Portfolio</h1>
<hr>
<p>
Welcome to my portfolio! Here I will have links to my public projects and their source code (if available).
</p>
<br>
<div>
<h3 class="left">Water Shader</h3>
<h5 class="left">Category: Classwork</h5>
<hr class="left">
<img src="/images/water.png" class="left about-image-h"></img>
<!-- <img src="" alt="Water shader picture" class="left about-image-h"> -->
<p class="left">
This project was made for CS5641 Immersive Virtual Environments. It consisted of me researching how
different water shaders were made and experimenting with making some myself. I also worked on a buoyancy
algorithm, but only one was finished. None of the shaders turned out quite how I wanted, but I learned
a ton about how these kinds of shaders work. <br><br>
In the end, the things I have functional are a sum of sines approach using e^sin as the wave, and a sum
of sines approach using gerstner waves as the wave. The e^sin shader also has a compatible buoyancy algorithm.
</p>
<h5 class="left">Links</h5>
<p class="left">
<a href="https://gitea.nolancasey.click/nolan/water-shader" target="_blank" rel="noopener noreferrer">Source Code</a>
</p>
</div>
<br>
<div>
<h3 class="right">Croak Counter</h3>
<h5 class="right">Category: Classwork</h5>
<hr class="right">
<img src="/images/croak.png" alt="Croak Counter home page" class="rfloat about-image-v">
<p class="right">
Croak Counter was a group project for CS4760 User Interface Design and Implementation class. I worked mainly on interacting with
Google spreadsheets and storing survey data with local storage. I also worked on creating the survey pages. Most of the styling
was handled by my teammates. <br><br>
As for functionality, Croak Counter serves as a way for citizen scientists to provide information on frog populations to
frog scientists in the Keewenaw. The site provides information on different frog calls, their mating seasons, and instructions
on how to conduct a survey. Users confident in their ability to identify frogs based on their calls can use the advanced form,
while the novice form just allows for a general "how many frogs do you hear" selector.
</p>
<h5 class="right">Links</h5>
<p class="right">
<a href="https://2025-ui-sp.github.io/5-Frog-Mapper/" target="_blank" rel="noopener noreferrer">Github Deploy</a>
</p>
</div>
<br>
<div>
<h3 class="left">Speedin' Santa</h3>
<h5 class="left">Category: Game Jam</h5>
<hr class="left">
<img src="/images/speedin.png" alt="Speedin' Santa cover art" class="left about-image-h">
<p class="left">
Speedin' Santa is a game I made in one month for a game jam. The theme was special delivery, and since it was a
December game jam, I decided to go with a Christmas theme. The gameplay consists of steering Rudolph through rings
that give a speed boost, while avoiding rings that slow you down. In order to score points, you have to make stops
at marked houses and help Santa down the chimney. <br><br>
The game was made using Godot 4.3 and is available to play in your web browser.
</p>
<h5 class="left">Links</h5>
<p class="left">
<a href="https://nc543.itch.io/speedin-santa" target="_blank" rel="noopener noreferrer">Itch.io</a> |
<a href="https://gitea.nolancasey.click/nolan/speedin-santa" target="_blank" rel="noopener noreferrer">Source Code</a>
</p>
</div>
<br>
<div>
<h3 class="right">Shorty Shooters</h3>
<h5 class="right">Category: Husky Game Development</h5>
<hr class="right">
<img src="/images/YdrBeQ.png" alt="Shorty Shooters gameplay" class="right about-image-h">
<p class="right">
Shorty Shooters is a game that we made in Husky Game Development. It was created using Godot 4.3. We spent one semester working on it,
before most of the developers had to leave the enterprise for various reasons. <br><br>
The game is a mix of a 2D shooter and a 2D fighting game. Each player controls a little guy. The movement options are fairly limited.
The little guys can run side to side slowly, jump, and wall jump. The real movement options come into play once you grab a gun. Due to
these guys being little, they can be launched around by the recoil of the guns.
There are a lot of details I could go into about this game, but I will leave it for you to discover the features and quirks. I will say
that it is more fun than expected to get in a lobby with some friends and launch yourselves around for an hour. <br><br>
I handled all of the multiplayer code for the game, as well as tweaking features and fixing issues gamewide.
</p>
<h5 class="right">Links</h5>
<p class="right">
<a href="https://huskygamedev.itch.io/shorty-shooters" target="_blank" rel="noopener noreferrer">Itch.io</a> |
<a href="https://github.com/HuskyGameDev/2024f-team5" target="_blank" rel="noopener noreferrer">Source Code</a>
</p>
</div>
<br>
<div>
<h3 class="left">Raise Your Wand</h3>
<h5 class="left">Category: Game Jam</h5>
<hr class="left">
<img src="/images/Ymi3pl.png" alt="Raise Your Wand gameplay" class="left about-image-h">
<p class="left">
Raise Your Wand is the first game I ever submitted to a game jam.
</p>
<h5 class="left">Links</h5>
<p class="left">
<a href="https://nc543.itch.io/raise-your-wand" target="_blank" rel="noopener noreferrer">Itch.io</a> |
<a href="https://gitea.nolancasey.click/nolan/Raise-Your-Wand" target="_blank" rel="noopener noreferrer">Source Code</a>
</p>
</div>
</div>
<br>
<div class="box hflex thin">
<a href="https://github.com/nc5432" class="site-icon" target="_blank"><img class="icon-image" src="/images/github-mark-white.svg" alt="Github link"></a>
<a href="https://gitea.nolancasey.click" class="site-icon" target="_blank"><img class="icon-image" src="/images/Gitea_Logo.svg" alt="Gitea link"></a>
<a href="https://www.codewars.com/users/nc543" class="site-icon" target="_blank"><img src="/images/codewars.svg" alt="Codewars link" class="icon-image"></a>
<a href="https://nc543.itch.io/" class="site-icon" target="_blank"><img src="/images/itchio-logo-textless-white.svg" alt="Itch.io link" class="icon-image"></a>
<a href="https://steamcommunity.com/id/nukgroik/" class="site-icon" target="_blank"><img src="/images/steam.png" alt="Steam link" class="icon-image"></a>
<a href="https://www.linkedin.com/in/nolan-casey-25a32a288/" class="site-icon" target="_blank"><img src="/images/LI-In-Bug.png" alt="Linkedin link" class="icon-image"></a>
</div>
</body>
</html>