-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
adding information for the upcoming portfolio
- Loading branch information
Showing
1 changed file
with
118 additions
and
76 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,95 +1,137 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content=""> | ||
| <meta name="keywords" content=""> | ||
| <title>Rwyn's Blog</title> | ||
|
|
||
| <!-- Favicons --> | ||
| <link href="assets/img/favicon.png" rel="icon"> | ||
| <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> | ||
|
|
||
| <!-- Google Fonts --> | ||
| <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,700" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"> | ||
|
|
||
| <!-- Vendor CSS Files --> | ||
| <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/boxicons/css/boxicons.min.css" rel="stylesheet"> | ||
| <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet"> | ||
| <link href="assets/vendor/venobox/venobox.css" rel="stylesheet"> | ||
| <link href="assets/vendor/aos/aos.css" rel="stylesheet"> | ||
|
|
||
| <!-- Template Main CSS File --> | ||
| <link href="assets/css/style.css" rel="stylesheet"> | ||
|
|
||
| <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> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!-- Google Tag Manager (noscript) --> | ||
| <noscript> | ||
| <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX" height="0" width="0" | ||
| style="display:none;visibility:hidden"></iframe> | ||
| </noscript> | ||
| <!-- End Google Tag Manager (noscript) --> | ||
| <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> | ||
|
|
||
| <!-- Background Video --> | ||
| <video class="background-image" src="assets/img/background/binary_rain.mp4" muted loop autoplay></video> | ||
| <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> | ||
|
|
||
| <!-- Header Section --> | ||
| <header id="header" class="header-tops"> | ||
| <div class="container"> | ||
| <h1><a href="index.html">Rwyn's Blog</a></h1> | ||
| <h3>I don't make maps or mods for money. Please don't waste both our time asking.</h3> | ||
| <h2 style="color:#fff">I am <span class="typing" style="color:#12D640"></span></h2> | ||
|
|
||
| <!-- Centered Navigation Menu --> | ||
| <nav class="nav-menu d-none d-lg-block"> | ||
| <ul style="display: flex; justify-content: center; align-items: center;"> | ||
| <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="content"> | ||
| Hey there! I'm currently focused on my Source 2 maps: | ||
| <i>de_hellcats, as_nexus, cs_westworld</i> | ||
| </div> | ||
|
|
||
| <!-- UPDATES Section --> | ||
| <div class="container"> | ||
| <h4>Hey there! I'm currently focused on my Source 2 maps:</h4> | ||
| <ul> | ||
| <li><strong>de_hellcats, as_nexus, cs_westworld</strong></li> | ||
| </ul> | ||
| <br><br> | ||
| <h4>UPDATES on my stuff:</h4> | ||
| <ul> | ||
| <li><strong>Fallout 4 Photo Mode Rework:</strong> Unfortunately, I can't give an exact ETA for it as I am the sole modder working on it at the moment.</li> | ||
| <li><strong>Cyberpunk 2077 Asset Recycler:</strong> Same goes for the C77AR. It's somewhat ready but still needs testing.</li> | ||
| <li><strong>Maps:</strong> Both de_hellcats and as_nexus won't be released before December 2024.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| <div class="updates"> | ||
| <h2>UPDATES on my stuff:</h2> | ||
| <ul> | ||
| <li><b>Fallout 4 Photo Mode Rework:</b> Unfortunately, I can't give an exact ETA for it as I am the sole modder working on it at the moment.</li> | ||
| <li><b>Cyberpunk 2077 Asset Recycler:</b> Same goes for the C77AR. It's somewhat ready but still needs testing.</li> | ||
| <li><b>Maps:</b> Both <i>de_hellcats</i> and <i>as_nexus</i> won't be released before December 2024.</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <!-- Vendor JS Files --> | ||
| <script src="assets/vendor/jquery/jquery.min.js"></script> | ||
| <div class="content typing-text"> | ||
| I'm a Star Wars enjoyer! | ||
| </div> | ||
| </div> | ||
| <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> | ||
| <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script> | ||
| <script src="assets/vendor/counterup/counterup.min.js"></script> | ||
| <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script> | ||
| <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script> | ||
| <script src="assets/vendor/venobox/venobox.min.js"></script> | ||
| <script src="assets/vendor/aos/aos.js"></script> | ||
|
|
||
| <!-- Template Main JS File --> | ||
| <script src="assets/js/main.js"></script> | ||
| <script src="assets/vendor/typed.js/typed.min.js"></script> | ||
|
|
||
| <script type="text/javascript"> | ||
| var typed = new Typed('.typing',{ | ||
| strings: ["a proud owner of an original Blade Runner copy.","a Star Wars enjoyer since 1998.","making maps for GoldSrc, Source and Source 2 since 2012.","modding Cyberpunk 2077, Fallout 4, Titanfall 2 and Battlefront 2"], | ||
| loop: true, | ||
| typeSpeed: 90, | ||
| backSpeed: 90 | ||
| }); | ||
| </script> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |