Skip to content

Commit

Permalink
adding information for the upcoming portfolio
Browse files Browse the repository at this point in the history
  • Loading branch information
@rwynx
rwynx committed Aug 11, 2024
1 parent a4748bc commit 6afe3be
Showing 1 changed file with 111 additions and 95 deletions.
206 changes: 111 additions & 95 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,101 +1,87 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rwyn's Blog</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background: url('your-background-image.jpg') no-repeat center center fixed;
background-size: cover;
color: white;
}
.container {
padding: 20px;
}
h1 {
font-size: 2.5em;
margin-bottom: 0;
text-align: left;
}
.subtitle {
font-size: 1.2em;
margin-top: 0;
text-align: left;
}
.nav {
margin-top: 20px;
margin-bottom: 40px;
text-align: left;
}
.nav a {
margin-right: 20px;
text-decoration: none;
color: white;
font-size: 1.1em;
}
.content {
margin-top: 60px;
font-size: 1.1em;
}
.content i {
font-style: italic;
}
.updates {
margin-top: 40px;
}
.updates h2 {
margin-bottom: 10px;
}
.updates ul {
list-style-type: disc;
margin-left: 20px;
}
.updates ul li {
margin-bottom: 10px;
}
.typing-text {
color: green;
display: inline-block;
border-right: 0.15em solid white;
white-space: nowrap;
overflow: hidden;
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
@keyframes blink {
from { border-color: transparent }
to { border-color: white }
}
.typing-text {
animation: typing 3.5s steps(30, end), blink 0.5s step-end infinite;
width: 15ch;
overflow: hidden;
white-space: nowrap;
}
</style>


<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5BB8W2X');</script>



<link rel="icon" type="image/png" href="assets/img/logo.png"/>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>Rwynx - Blog</title>
<meta content="" name="description">
<meta content="" name="keywords">


<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">


<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">


<link href="assets/css/style.css" rel="stylesheet">


<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169007209-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-169007209-3');
</script>


</head>



<body>
<div class="container">
<h1>Rwyn's Blog</h1>
<div class="subtitle">
I don't make maps or mods for money. Please don't waste both our time asking.
</div>


<div class="nav">
<a href="#">Home</a>
<a href="#">Contact</a>
<a href="#">Temp I</a>
<a href="#">Temp II</a>
<a href="#">Temp III</a>
</div>

<div class="content">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BB8W2X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


<!--
<img class="background-image" src="assets/img/background/tunnel_slowmo.gif" />
-->
<video class="background-image" src="assets/img/background/binary_rain.mp4" muted loop autoplay></video>


<header id="header" class="header-tops">
<div class="container">
<h1><a href="index.html">Rwyn's Blog</a></h1>
<h2 style="color:#fff">I am <span class="typing" style="color:#12D640"></span></h2>
<nav class="nav-menu d-none d-lg-block">
<ul>
<h3>I don't make maps or mods for money. Please don't waste both our time asking.</h3>
<li class="active"><a href="#header"> <span>Home</span></a></li>
<li><a href="#about"> <span>Contact</span></a></li>
<li><a href="#guesswhat"> <span>Temp I</span></a></li>
<li><a href="#ihatethis"> <span>Temp II</span></a></li>
<li><a href="#wellanyway"> <span>Temp III</span></a></li>
</ul>
</nav>
<div class="social-links">
</div>
</div>
</header>

<div class="content">
Hey there! I'm currently focused on my Source 2 maps:
<i>de_hellcats, as_nexus, cs_westworld</i>
</div>
Expand All @@ -108,12 +94,38 @@ <h2>UPDATES on my stuff:</h2>
<li><b>Maps:</b> Both <i>de_hellcats</i> and <i>as_nexus</i> won't be released before December 2024.</li>
</ul>
</div>

<section id="about" class="about">
<div class="about-me container">
<div class="section-title">
<h2>Rwyn's Site</h2>
</div>
<div class="row">
<div class="col-lg-4" data-aos="fade-right">
<img src="assets/img/about/max_planck.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-8 pt-4 pt-lg-0 content" data-aos="fade-left">
<p>
<br> Hey, have you ever heard about the coolest movie ever called Blade Runner?
</p>
<br>
<div class="row">
<div class="col-lg-6">
<ul>
<li><i class="icofont-rounded-right"></i> <strong>Github:</strong><a href="https://github.com/rwynx"> My Github Page</a></li>
<li><i class="icofont-rounded-right"></i> <strong>Steam:</strong><a href="https://steamcommunity.com/id/rwynx/"> My Steam Profile</a></li>

<div class="content typing-text">
I'm a Star Wars enjoyer!
</li>

</ul>
</div>
</div>
</div>
</div>
</div>
<script src="assets/vendor/jquery/jquery.min.js"></script>
</section>

<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
Expand All @@ -132,6 +144,10 @@ <h2>UPDATES on my stuff:</h2>
backSpeed: 90
});
</script>



<script src="assets/js/main.js"></script>

</body>

</html>

0 comments on commit 6afe3be

Please sign in to comment.