-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 7.17 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><!-- META TAGS--><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="title" content="Ryn Stewart"><meta name="description" content="The homepage of Ryn Stewart."><meta name="author" content="Ryn Stewart"><meta name="theme-color" content="#14141A"><meta property="og:type" content="website"><meta property="og:url" content="https://www.rynstew.art/"><meta property="og:type" content="website"><meta property="og:title" content="Ryn Stewart"><meta property="og:description" content="The homepage of Ryn Stewart."><meta property="og:image" content="https://rynstew.art/assets/images/websitepreview.png"><meta property="og:image:alt" content="The website of Ryn Stewart."><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="678"><meta property="og:image:height" content="382"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://www.rynstew.art/"><meta property="twitter:title" content="Ryn Stewart"><meta property="twitter:description" content="The homepage of Ryn Stewart."><meta property="twitter:image" content="https://rynstew.art/assets/images/websitepreview.png"><meta name="msapplication-TileColor" content="#da532c"><title>Ryn Stewart</title><!-- FAVICONS--><link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png"><link rel="manifest" href="assets/favicons/site.webmanifest"><link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg" color="#ff7129"><!-- GOOGLE FONTS--><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=Source+Code+Pro:wght@200;300;400;500;600;700&family=Victor+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet"><!-- STYLESHEETS--><link rel="stylesheet" type="text/css" href="css/index.css"><link rel="stylesheet" type="text/css" href="css/sections/landing.css"><link rel="stylesheet" type="text/css" href="css/sections/about.css"><link rel="stylesheet" type="text/css" href="css/sections/skills.css"><link rel="stylesheet" type="text/css" href="css/sections/projects.css"><!-- SCRIPTS--><script src="js/libs/particles.min.js"></script><script src="js/particles.js" defer></script><script src="js/libs/fontawesomekit.js" defer></script><script src="js/email-button.js" defer></script></head><body><div id="particles"></div><div id="popup-container"><div class="popup hidden" id="email-copied-popup"><p>Email copied to clipboard!</p><p class="highlight">ryn@rynstew.art</p></div></div><section id="landing"><header><div id="logo-and-name"><div id="header-logo"></div><h1>Ryn <span class="accent">Stewart</span></h1></div><nav><ul><li><a id="nav-home" href="#landing"><span class="accent">01.</span>Home</a></li><li><a id="nav-about" href="#about"><span class="accent">02.</span>About</a></li><li><a id="nav-skills" href="#skills"><span class="accent">03.</span>Skills</a></li><li><a id="nav-projects" href="#projects"><span class="accent">04.</span>Projects</a></li></ul></nav></header><div id="center-content"><h2>Hello!</h2><h2>I'm <span class="accent">Ryn</span>.</h2><h2>Full Stack Developer.</h2><p><span class="accent">Thanks</span> for checking out my site!</p><div id="socials-row"><a class="fa-brands fa-github" href="https://github.com/rynstwrt/" target="_blank"></a><a class="fa-brands fa-unsplash" href="https://unsplash.com/@rynstwrt" target="_blank"></a><a class="fa-regular fa-envelope" id="email-button"></a></div><a class="link-button" id="get-started" href="#about">Get Started</a></div></section><div class="divider"></div><section id="about"><div class="center-page-content"><h3>About</h3><div id="about-image"><!--img(src='assets/images/ryn/ryn1.png', alt='A picture of Ryn Stewart.')--><img src="assets/images/ryn/ryn2.jpeg" alt="A picture of Ryn Stewart."><!--img(src='assets/images/ryn/ryn3.png', alt='A picture of Ryn Stewart.')--></div><div class="text-section"><h4>My Profile</h4><p>Full stack developer with experience working with desktop, server, and web technologies.</p></div><div class="text-section"><h4>My Hobbies</h4><p>I like programming microcontrollers, making websites, producing music, and DJing. I'm also a ham radio operator!</p></div><a class="link-button" id="resume-button" href="assets/pdfs/resume.pdf" target="_blank">VIEW MY RESUME</a></div></section><div class="divider"></div><section id="skills"><div class="center-page-content"><h3>Skills</h3><div class="skill-section"><h4>Languages</h4><ul><li>HTML (incl. Pug)</li><li>CSS (incl. SASS/SCSS)</li><li>Javascript (incl. Node.js/TypeScript)</li><li>Java</li><li>Python</li><li>C/C++</li><li>C#</li><li>SQL</li><li>Lua</li><li>Shell scripting</li></ul></div><div class="skill-section"><h4>Technologies</h4><ul><li>JQuery</li><li>Electron</li><li>React</li><li>Spigot for Minecraft</li><li>Raspberry Pi</li><li>Arduino/ESP8266/ESP32</li><li>PlatformIO</li><li>.NET Core/Framework</li><li>MySQL/NoSQL</li></ul></div><div class="skill-section"><h4>Graphics</h4><ul><li>Adobe Photoshop</li><li>Adobe Illustrator</li></ul></div><div class="skill-section"><h4>Audio</h4><ul><li>Ableton</li><li>Pro Tools</li><li>Audacity</li></ul></div><div class="skill-section"><h4>3D</h4><ul><li>OpenSCAD</li><li>Autodesk Maya</li><li>Blender</li><li>FDM 3D printing</li></ul></div></div></section><div class="divider"></div><section id="projects"><div class="center-page-content"><h3>Projects</h3><div class="project"><h4>RPI-POWERED 32X16 LED MATRIX CAMERA</h4><p>A 32x16 WS2812B matrix that displays a live camera feed. Powered by a Raspberry Pi.</p><div class="project-buttons"><a class="link-button" href="https://github.com/rynstwrt/Raspberry-Pi-LED-Matrix" target="_blank">GITHUB</a><a class="link-button" href="assets/videos/ledmatrixcamera.mp4" target="_blank">DEMO</a></div></div><div class="project"><h4>KI5CGK LOG BOOK</h4><p>A log book for ham radio operators written in Python using PySide6.</p><div class="project-buttons"><a class="link-button" href="https://github.com/rynstwrt/KI5CGK-Log-Book" target="_blank">GITHUB</a><a class="link-button" href="https://github.com/rynstwrt/KI5CGK-Log-Book/releases" target="_blank">DOWNLOAD</a></div></div><div class="project"><h4>CSS ANIMATION GALLERY</h4><p>A virtual art exhibit created entirely with CSS animations.</p><div class="project-buttons"><a class="link-button" href="https://github.com/rynstwrt/CSS-Animations" target="_blank">GITHUB</a><a class="link-button" href="https://rynstwrt.github.io/CSS-Animations/" target="_blank">DEMO</a></div></div><div class="project"><h4>CHORD PROGRESSION GENERATOR</h4><p>A web-based chord progression generator for musicians.</p><div class="project-buttons"><a class="link-button" href="https://github.com/rynstwrt/ChordProgressionGenerator" target="_blank">GITHUB</a><a class="link-button" href="https://rynstwrt.github.io/ChordProgressionGenerator/" target="_blank">DEMO</a></div></div></div></section></body></html>