diff --git a/rpg_char_1.jpg b/rpg_char_1.jpg deleted file mode 100644 index 55f0bf5..0000000 Binary files a/rpg_char_1.jpg and /dev/null differ diff --git a/styles.css b/styles.css index 1518282..1cadee0 100644 --- a/styles.css +++ b/styles.css @@ -83,7 +83,7 @@ section { background: transparent; /* background: #FFC600; */ backdrop-filter: blur(8px); - border: solid 10px black; + border: solid 8px black; padding-bottom: 20px; overflow: hidden; width: 100%; @@ -223,8 +223,10 @@ section { } .home_content p { font-size: 2rem; + font-weight: 100; margin-bottom: 3rem; padding-right: 20%; + text-shadow: 2px 2px 0px black; } #profile_img{ width: 400px; diff --git a/trimmed.html b/trimmed.html deleted file mode 100644 index 7c1e25c..0000000 --- a/trimmed.html +++ /dev/null @@ -1,432 +0,0 @@ - - - - /* * OLDBio Container and Social Media Icons */ - /* .bio_container { - background: #ec68c0; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 50px; - } - .bio_left { - background: #f3508f; - background-image: linear-gradient(45deg, teal, #f3508f); - max-width: 300px; - height: 350px; - text-align: center; - box-shadow: 0px 0px 18px -1px black; - border-radius: 25px; - margin: auto; - } - .bio_container h2 { - text-transform: uppercase; - font-weight: 300; - padding: 10px; - } - .bio_container h3 { - padding: 10px; - text-transform: uppercase; - font-weight: 300; - } - .bio_right { - } - - .social_div { - background-color: #ec68c0; - background-image: linear-gradient(45deg, #f3508f, teal); - margin-top: 8%; - border-radius: 25px 25px 25px 25px; - } - #bio_pic { - width: 150px; - display: block; - margin: auto; - padding: 10px; - } - */ - - - -
-
-

Skills

-
-
-

Father


-

I just had a son in April 2023 and it's been amazing. I can't wait for him to grow up so I can teach him everything I know

-
-
-

Development Languages


-

Proficient in: HTML, CSS. -
-
Learning: Javascript, C#, React, Node.js. -

-
-
-

Mountaineering


-

I spent two months in Haines, Alaska working on my Mountaineering Guide Certification. - I learned glacial traversal, camp dynamics and structure, rescue scenarios and terrain management. It was an amazing experience. -

-
-
-
- -
-
-
-

Yo-Yoing


-

I grew up playing with skill toys, juggling, poi, devil sticks, diablo and yo-yoing. I went on to compete in the World Yo-Yo Competition placing 13th in the World and 13th in the Nation in the same year and holding a AYYA World Record for Iron Whips.

-
-
-

Wilderness EMT


-

In 2006 I got my WFR certification then went on to work Ski Patrol at Killington Resort. I now have CPR, Wilderness EMT, Outdoor Emergency Care, ATF Certification for explosive handling among others. -

-
-
-

Chef


-

I've been working in kitchens for 20+ years. I run a kitchen at a summer camp feeding 100 children 9-14 and 50 staff while catering to all dietary needs: Vegetarian, Gluten, Free, Dairy Free, Keto, Egg Free, Sesame Free and any others.

-
-
-
-
- - - .glow-on-hover { - width: 220px; - height: 50px; - border: none; - outline: none; - color: #131313; - background: whitesmoke; - cursor: pointer; - position: relative; - z-index: 0; - border-radius: 10px; - } - - .glow-on-hover:before { - content: ''; - background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); - position: absolute; - top: -2px; - left:-2px; - background-size: 400%; - z-index: -1; - filter: blur(5px); - width: calc(100% + 4px); - height: calc(100% + 4px); - animation: glowing 20s linear infinite; - opacity: 0; - transition: opacity .3s ease-in-out; - border-radius: 10px; - } - - .glow-on-hover:active { - color: #000; - } - - .glow-on-hover:active:after { - background: transparent; - } - - .glow-on-hover:hover:before { - opacity: 1; - } - - .glow-on-hover:after { - z-index: -1; - content: ''; - position: absolute; - width: 100%; - height: 100%; - background: pink; - left: 0; - top: 0; - border-radius: 10px; - } - - @keyframes glowing { - 0% { background-position: 0 0; } - 50% { background-position: 400% 0; } - 100% { background-position: 0 0; } - } - - - /* Learning CSS Motion */ - .circle { - position: absolute; - width: 20px; - height: 20px; - border-radius: 100%; - background-color: teal; - animation: move-the-circle 1.75s infinite; - transform-origin: center center; - left: 30px; - margin: 0 40%; - } - .circle:nth-child(1) { - left: 60px; - animation-delay: .1s; - } - .circle:nth-child(2) { - left: 90px; - animation-delay: .2s; - } - .circle:nth-child(3) { - left: 120px; - animation-delay: .3s; - } - .circle:nth-child(4) { - left: 150px; - animation-delay: .4s; - } - .circle:nth-child(5) { - left: 180px; - animation-delay: .5s; - } - .circle:nth-child(6) { - left: 210px; - animation-delay: .6s; - } - .circle:nth-child(7) { - left: 240px; - animation-delay: .7s; - } - .circle:nth-child(8) { - left: 270px; - animation-delay: .8s; - } - - @keyframes move-the-circle { - 0% { - transform: translate(0, 0) scale(1); - opacity: 1; - background-color: #ff00aa; - } - 50% { - transform: translate(0, 50px) scale(.5); - opacity: .5; - background-color:blueviolet; - } - 100% { - transform: translate(0, 0) scale(1); - opacity: 1; - background-color: teal; - } - } - - -
- - -
- -#darkmode_label { - width: 100px; - height: 40px; - position: relative; - display: block; - background: #ebebeb; - border-radius: 200px; - box-shadow: inset 0px 5px 15px rgba(0, 0, 0, .04), inset 0px -5px 15px rgba(255, 255, 255, .04); - cursor: pointer; - margin: 10px 0px 0px -50px; -} -#darkmode_label:after { - content: ""; - width: 30px; - height: 30px; - position: absolute; - top: 6px; - left: 10px; - background: linear-gradient(180deg,#fde8cd,#ffcb7e); - border-radius: 20px; - box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -} -#darkmode_toggle { -width: 0; -height: 0; -visibility: hidden; -} - -#darkmode_toggle:checked + #darkmode_label { - background: #242424; -} -#darkmode_toggle:checked + #darkmode_label:after { -left: 90px; -transform: translateX(-100%); -background: linear-gradient(180deg,#777,#3a3a3a); -box-shadow: inset 1px 1px 5px white; - -} -#darkmode_label, #darkmode_label:after { -transition: 0.3s -} -#darkmode_label:active:after{ - width: 50px; -} -label svg { - position: absolute; - width: 33px; - z-index: 100; - top: -379px; -} -label svg.sun { -left: 8px; -fill: #fff; -transition: 0.3s; -} -label svg.moon { -left: 59px; -fill: #7e7e7e; -transition: 0.3s; -} -input:checked + label svg.sun { -fill: #7e7e7e; -} -input:checked + label svg.moon { -fill: #fff; -} -