portfolio/index.html
2023-05-02 09:59:57 +02:00

195 lines
9.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="HandheldFriendly" content="True">
<meta property="article:published_time" content="">
<meta property="article:modified_time" content="">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="Boofdev portfolio">
<meta name="twitter:site" content="Boofdev portfolio">
<meta property="og:type" content="Portfolio">
<meta property="og:title" content="Boofdev portfolio">
<meta name="twitter:title" content="Boofdev portfolio">
<meta property="og:url" content="https://boofdev.eu.org">
<meta name="twitter:url" content="https://boofdev.eu.org">
<meta property="og:image" content="https://boofdev.eu.org/data/images/logoround.png">
<meta name="twitter:image" content="https://boofdev.eu.org/data/images/logoround.png">
<meta name="description" content="This is my portfolio.">
<meta name="twitter:description" content="This is my portfolio.">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta name="keywords" content="Portfolio, Website, Boofdev, ">
<meta property="article:tag" content="Portfolio">
<meta property="article:tag" content="Website">
<meta property="article:tag" content="Boofdev">
<meta property="article:tag" content="">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boofdev</title>
<link rel="shortcut icon" href="data/images/logoround.png">
<link rel="icon" type="image/x-icon" href="/data/images/logoround.png">
<link rel="stylesheet" href="data/style/style.css">
<link rel="stylesheet" href="data/style/offline-theme-dark.css">
<link rel="stylesheet" href="data/style/offline-language-english.css">
<script src="index.js" defer></script>
<script src="data/js/contact.js" defer></script>
<script src="index-allpage.js" defer></script>
<script src="https://hexahigh.github.io/cdn/js/min/offline.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<meta name="CurrentPage" content="Homepage">
</head>
<body>
<noscript>
<div class="noscriptwrapper">
<p class="noscripttext">You seem to have Javascript disabled.<br>Some parts of the website may not work
correctly.</p>
</div>
</noscript>
<a href="#index-intro-contact-btn" id="skip-nav">Skip Navigation</a>
<nav>
<img src="data/images/logoround.png" alt="Boofdev logo">
<p class="text" style="font-family: Broadway-custom;">Boofdev</p>
<ul id="nav-pc">
<li><a href="index.html" id="nav-active">Home</a></li>
<li><a class="colorurl" href="about">About me</a></li>
<li><a href="news/">News</a></li>
<li><a href="projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev" id="nav-donate">Donate</a></li>
</ul>
<ul id="nav-mobile">
<li id="nav-menu-li"><button id="nav-menu"><img src="data/images/menu.svg" alt="menu"
id="nav-menu-img"></button></li>
</ul>
</nav>
<div class="nav-mobile-content-close">
<ul>
<li><a href="index.html" id="nav-active">Home</a></li>
<li><a href="about">About me</a></li>
<li><a href="news/">News</a></li>
<li><a href="projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev" id="nav-donate-mobile">Donate</a></li>
</ul>
</div>
<a href="#" class="scrollTop"><img src="data/images/top.svg" alt="Top"></a>
<div id="index-content">
<div class="index-intro">
<h1 class="text">Hi, I'm <span>Boof</span></h1>
<h2 class="text">Hobbyist Programmer</h2>
<h3 class="text">I have been making websites for more than 1 year and im trying to learn new things
constantly.</h3>
<h3><a href="about">About me</a></h3>
<a href="#contact"><button id="index-intro-contact-btn">Contact</button></a>
</div>
<div class="index-socials">
<a href="mailto:admin@boofdev.eu.org"><img src="data/images/email-white.svg" alt="Email"></a>
<a href="https://github.com/hexahigh"><img src="data/images/github.svg" alt="Github"></a>
<a href="https://www.youtube.com/@Boofydev"><img src="data/images/youtube.svg" alt="Youtube"></a>
</div>
</div>
<div id="skills"></div>
<div class="skills">
<h1 class="text">Skills:</h1>
<div class="skills-item">
<img src="data/images/html.png" alt="HTML">
<p class="text">HTML</p>
</div>
<div class="skills-item">
<img src="data/images/css.png" alt="CSS">
<p class="text">CSS</p>
</div>
<div class="skills-item">
<img src="data/images/js.png" alt="Javascript">
<p class="text">Javascript</p>
</div>
<div class="skills-item">
<img src="data/images/gopher.svg" alt="Golang">
<p class="text">Go</p>
</div>
<div class="skills-item">
<img src="data/images/py.png" alt="Python">
<p class="text">Python</p>
</div>
</div>
<div id="contact"></div>
<div class="contact">
<div class="contact-sidepanel">
<div class="contact-socials">
<p class="text">Contact</p>
<span class="text">Send me a message via the contact form, email or via socials</span>
</div>
<br>
<div class="contact-socials">
<p class="text">Socials</p>
<a href="mailto:admin@boofdev.eu.org"><img src="data/images/email-white.svg" alt="Email"></a>
<a href="https://github.com/hexahigh"><img src="data/images/github.svg" alt="Github"></a>
<a href="https://www.youtube.com/@Boofydev"><img src="data/images/youtube.svg" alt="Youtube"></a>
</div>
</div>
<form id="formid" class="contact-form"
action="https://public.herotofu.com/v1/fed039b0-89d2-11ed-a003-6f0b76086b1c" method="post">
<label for="name">full name</label>
<input name="Name" id="name" type="text" required>
<label for="email">email</label>
<input name="EMAIL" id="EMAIL" type="email" required>
<label for="subject">subject</label>
<input name="subject" id="subject" type="text">
<label for="message">message</label>
<input name="message" id="message" id="contact-form-message" rows="3" required></input>
<!--<textarea name="message" id="email" id="contact-form-message" rows="3" required></textarea>-->
<input value="" name="formip" id="formip" type="hidden" required>
<input value="" name="usedvpn" id="usedvpn" type="hidden" required>
<p style="font-size: 50%; color:#ffffff">When you submit this form you agree to the <a class="colorurl"
href="privacy.html">Privacy Policy</a></p>
<button id="submitbutton" type="submit">Send Message</button>
<button class="emailformbutton" id="emailformbutton" type="button">Subscribe to my newsletter</button>
</form>
</div>
<div id="email-form-overlay"></div>
<div id="email-form-popup">
<iframe width="540" height="305"
data-src="https://22242122.sibforms.com/serve/MUIEAE9tO8E-2qIVUjLIq5d1rGyLjfSf9XaNOkGwfldY3MLGMd1imG_ezwWEohIPhaegttdiIuu4ur-zyYPWHrmg2jywJ3lK3Kq5ScK3BSIEuqL1sJo-i2BjgUiI2KhHO3tUl2WzHT6-beraG-eJ7K8BG4yZLwok5FhdrOgoMEcAdCSwy7ucVX-PO7EXaqDbKPuNV4W_rI8PXT--"
id="email-popup-iframe" frameborder="0" scrolling="auto" allowfullscreen
style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe>
</div>
<footer>
<div class="footer-links-wrapper">
<div class="footer-links">
<p>Quick Links</p>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about">About me</a></li>
<li><a href="news/">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="projects">Projects</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev">Donate</a></li>
</ul>
</div>
<div class="footer-links">
<p>Social Links</p>
<ul>
<li><a href="mailto:admin@boofdev.eu.org">Email</a></li>
<li><a href="https://github.com/hexahigh">Github</a></li>
<li><a href="https://www.youtube.com/@Boofydev">Youtube</a></li>
</ul>
</div>
<img src="data/images/new-kopi.svg" width="75em" style="top: 50%;" alt="Copy Me">
</div>
<p><span class="current-year">2023</span> © Boofdev</p>
</footer>
</body>
</html>