Remove old design
This commit is contained in:
Korbs
parent
6e0b8f3ff3
commit
dc2a9c44b2
40 changed files with 0 additions and 712 deletions
|
|
@ -1,51 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section style="margin: 50px 0px;">
|
||||
<p><strong>Presets / Character Models (Basic)</strong> - $5 Nitro</p>
|
||||
<ul>
|
||||
<li>Simple Extrusions & Shape Edits</li>
|
||||
</ul>
|
||||
<img src="/src/images/basic-model.png">
|
||||
</section>
|
||||
<hr>
|
||||
<section style="margin: 50px 0px;">
|
||||
<p><strong>Presets / Character Models (Detailed)</strong> - $10 Nitro</p>
|
||||
<ul>
|
||||
<li>Custom Modeled Hair</li>
|
||||
<li>Advanced Extrusions/Shape Edits</li>
|
||||
</ul>
|
||||
<section id="grid-S3">
|
||||
<div>
|
||||
<img src="/src/images/models/2021/blue.png">
|
||||
<p>My Character</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/models/2021/bbh.png">
|
||||
<p>BadBoyHalo</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/models/2022/Grian.png">
|
||||
<p>Awesamdude</p>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>Commissions</h1>
|
||||
</section>
|
||||
<section style="margin: 50px 0px;">
|
||||
<h1>Blue's Minecraft Commissions!</h1>
|
||||
<ul>
|
||||
<li>I do not have a credit card, so all payments must be in Discord Nitro.</li>
|
||||
<li>Please do not rush me to finish your commission! I have other things to do.</li>
|
||||
<li>I have the right to deny or cancel a commission at any time.</li>
|
||||
<li>If you'd like a preset, you have to provide me with a skin.</li>
|
||||
</ul>
|
||||
<p><u>I will NOT make:</u></p>
|
||||
<ul>
|
||||
<li>Hateful Artwork</li>
|
||||
<li>Nudity/NSFW/Gore/Vore</li>
|
||||
<li>Furries</li>
|
||||
<li>HD SKins Presets/Renders</li>
|
||||
</ul>
|
||||
<p>Check out the <a href="./renders/">Renders page</a> to see render pricing!</p>
|
||||
<p>Check out the <a href="./character-models/">Character Models page</a> to see character pricing!</p>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
|
|
@ -1,46 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section style="margin: 50px 0px;">
|
||||
<p><strong>Original Style Renders</strong> - $10 Nitro</p>
|
||||
<ul>
|
||||
<li>Includes bends, advanced faces, fingers (if wanted), etc.</li>
|
||||
<li>Advanced facial controls</li>
|
||||
<li>Due to time constraints, no group renders are available in this style.</li>
|
||||
</ul>
|
||||
<div id="grid-5050">
|
||||
<img src="/src/images/render-1.png">
|
||||
<img src="/src/images/render-2.png">
|
||||
</div>
|
||||
</section>
|
||||
<hr>
|
||||
<section style="margin: 50px 0px;">
|
||||
<p><strong>Bare Bones Style Renders</strong> - $5 Nitro</p>
|
||||
<ul>
|
||||
<li>Similar to Minecraft's trailer style</li>
|
||||
<li>No fingers, advanced faces, etc.</li>
|
||||
</ul>
|
||||
<div id="grid-5050">
|
||||
<img src="/src/images/Exploration (0;00;00;00).png">
|
||||
<img src="/src/images/Christmas with Friends.png">
|
||||
</div>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
|
|
@ -1,58 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>Downloads</h1>
|
||||
</section>
|
||||
<section style="margin: 50px 0px;">
|
||||
<h1>Credits</h1>
|
||||
<p>If you use any of these assets, please be sure to credit me! You are free to use these in whatever way you'd like, enjoy!</p>
|
||||
</section>
|
||||
<section style="text-align: center;" id="grid-5050">
|
||||
<div>
|
||||
<div>
|
||||
<img src="/src/images/for-downloads/Dog Rig.png">
|
||||
<a href="https://cdn.blueanimates.com/blender/rigs/Dog Rig.blend">Dog Rig (No Bends)</a>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/for-downloads/Phone.png">
|
||||
<a href="https://cdn.blueanimates.com/blender/rigs/Phone.blend">Phone Model</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/src/images/for-downloads/Snowman Rig.png">
|
||||
<a href="https://cdn.blueanimates.com/blender/rigs/Snowman Rig.blend">Snowman Rig (No Bends)</a>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/for-downloads/VR Headset.png">
|
||||
<a href="https://cdn.blueanimates.com/blender/rigs/VR Headset.blend">VR Headset Model</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
<style>
|
||||
#Downloads {
|
||||
border-bottom: 4px var(--blue-light) solid;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>FAQ</h1>
|
||||
<p>Frequently Asked Questions</p>
|
||||
</section>
|
||||
<section style="margin: 50px 0px;">
|
||||
<p><strong>Q: Who inspired you to start making 3D art-related content?</strong></p>
|
||||
<p>A: People like Hapico, Blue Monkey, and many more animators inspire me to keep going with animation because it's something I really enjoy!</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p><strong>Q: What software do you use?</strong></p>
|
||||
<p>A: I use <a href="https://www.blender.org/" target="_blank">Blender</a> for all of my 3D work! It's free and a great way to start your 3D journey. I highly recommend <a href="https://www.youtube.com/watch?v=nIoXOplUvAw&list=PLjEaoINr3zgFX8ZsChQVQsuDSjEqdWMAD" target="_blank">Blender Guru's Donut Tutorial</a> for beginners. </p>
|
||||
|
||||
<br>
|
||||
|
||||
<p><strong>Q: When did you start making 3D art?</strong></p>
|
||||
<p>A: I started making 3D art in Blender when I was about 9 years old, and I am now 14! I started off making Roblox renders and then gradually got into making Minecraft things and I stuck with it. </p>
|
||||
|
||||
<br>
|
||||
|
||||
<p><strong>Q: How did you learn to use Blender?</strong></p>
|
||||
<p>A: I actually managed to teach myself how to use it when I first started out, which is a very dumb thing to do when you are starting in a program like Blender. Trust me, just follow tutorials.. it'll make the learning experience much better.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p><strong>Q: Can I join your team? / Can you join my team?</strong></p>
|
||||
<p>A: I am not interested in working with any more teams at the moment.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p><strong>Q: Can I commission you?</strong></p>
|
||||
<p>A: Of course you can! Check out my <a href="/commissions/">Commissions page</a> for more details.</p>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
<style>
|
||||
#FAQ {
|
||||
border-bottom: 4px var(--blue-light) solid;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
55
index.html
55
index.html
|
|
@ -1,55 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>BlueAnimates</h1>
|
||||
<p>Blender 3D: Minecraft Animation, Character Design, Lighting Artist</p>
|
||||
</section>
|
||||
<section id="grid-2575">
|
||||
<div>
|
||||
<img src="/src/images/blue-waving.png">
|
||||
</div>
|
||||
<div>
|
||||
<h1>About</h1>
|
||||
<p>Welcome to my site! I am a 3D artist who primarily works with Minecraft-style creations and renders! You can find out more about me on my FAQ page.</p>
|
||||
<h1>Current Projects</h1>
|
||||
<p>Currently, I am working on Part 2 for my series called "Steve's Minecraft Adventures".</p>
|
||||
<p>I work with <a href="https://twitter.com/4thWallEnterta1" target="_blank">4th Wall Entertainment</a> to help write scripts and design some characters for our animations!</p>
|
||||
</div>
|
||||
</section>
|
||||
<hr>
|
||||
<section id="grid-7525">
|
||||
<div>
|
||||
<h1>Contact</h1>
|
||||
<p>The best way to contact me is via Discord using my tag <span id="highlight">blue#7076</span> I reply quicker there.</p>
|
||||
<p>Alternatively, you can DM me on <a href="https://twitter.com/blueanimates_" target="_blank">Twitter</a>! Don't expect an immediate response, though.</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/blue-holding-pickaxe.png">
|
||||
</div>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
<style>
|
||||
#Home {
|
||||
border-bottom: 4px var(--blue-light) solid;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>Portfolio</h1>
|
||||
<p>2021</p>
|
||||
</section>
|
||||
<section>
|
||||
<h1>My Progress</h1>
|
||||
<p>2021 was an amazing year for my work and growth. I improved a ton and I cannot wait to further expand my skills in 2022!</p>
|
||||
</section>
|
||||
<h1>Animations</h1>
|
||||
<section id="grid-5050">
|
||||
<div>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/ynxvAeaVLPM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/uFtdELU6pKg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section id="grid-5050">
|
||||
<div>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/-wQyznlcdv0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/hewa6q5uiC0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<h1>Renders</h1>
|
||||
<section id="grid-5050">
|
||||
<img src="/src/images/renders/2021/Banner.png">
|
||||
<img src="/src/images/renders/2021/Final Render 2.png">
|
||||
</section>
|
||||
<section id="grid-5050">
|
||||
<img src="/src/images/renders/2021/Render 3.png">
|
||||
<img src="/src/images/renders/2021/RanbooPanic2.png">
|
||||
</section>
|
||||
<h1>Character Models</h1>
|
||||
<section id="grid-S3">
|
||||
<div>
|
||||
<img src="/src/images/models/2021/blue.png">
|
||||
<p>My Character</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/models/2021/bbh.png">
|
||||
<p>BadBoyHalo</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/models/2021/sam.png">
|
||||
<p>Awesamdude</p>
|
||||
</div>
|
||||
</section>
|
||||
<section style="margin-top: 120px;" id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
<style>
|
||||
#Portfolio {
|
||||
border-bottom: 4px var(--blue-light) solid;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -1,94 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>Portfolio</h1>
|
||||
<p>2022</p>
|
||||
</section>
|
||||
<section>
|
||||
<h1>Continuing the Journey</h1>
|
||||
<p>2021 was great, but now it's 2022 and it's time for me to further improve on my skills. My main focus will be animation and lighting! I think I am lacking in those, so I should practice more in the areas.</p>
|
||||
</section>
|
||||
<h1>Animations</h1>
|
||||
<section id="grid-5050">
|
||||
<div>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/9-FNsjTM4ps" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/4d7taAGFN1c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<h1>Renders</h1>
|
||||
<section id="grid-S4">
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Teaser 1.png">
|
||||
<p id="rn2022">Steve's Minecraft Adventures 2 | Teaser</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Main Channel EDITED.png">
|
||||
<p id="rn2022">Main Channel Icon</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Second Channel EDITED.png">
|
||||
<p id="rn2022">Second Channel Icon</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Tutorials Channel EDITED.png">
|
||||
<p id="rn2022">Tutorials Channel Icon</p>
|
||||
</div>
|
||||
</section>
|
||||
<section id="grid-S4">
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/teaser1.png">
|
||||
<p id="rn2022">Dream Manhunt Render</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Dream's Final Manhunt - Victory REVAMPED.png">
|
||||
<p id="rn2022">Dream Animation | Teaser</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Angry.png">
|
||||
<p id="rn2022">Angry Emote</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/renders/2022/Fear.png">
|
||||
<p id="rn2022">Fear Emote</p>
|
||||
</div>
|
||||
</section>
|
||||
<h1>Character Models</h1>
|
||||
<section id="grid-S3">
|
||||
<div>
|
||||
<img src="/src/images/models/2022/Grian.png">
|
||||
<p>Grian</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/src/images/models/2022/Full Preset.png">
|
||||
<p>Dream</p>
|
||||
</div>
|
||||
</section>
|
||||
<section style="margin-top: 120px;" id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
<style>
|
||||
#Portfolio {
|
||||
border-bottom: 4px var(--blue-light) solid;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
<!-- Hosted and created by Korbs Studio -->
|
||||
<!DOCTYPE html>
|
||||
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||
<script src="/src/js/component.js"></script>
|
||||
<html>
|
||||
<head>
|
||||
<title>BlueAnimates</title>
|
||||
<link rel="stylesheet" href="/src/css/master.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||
</head>
|
||||
<body>
|
||||
<div add-component="/src/components/master/header.html"></div>
|
||||
<div class="content">
|
||||
<section class="header">
|
||||
<h1>Portfolio</h1>
|
||||
<p>My Best Work</p>
|
||||
</section>
|
||||
<section id="grid-5050">
|
||||
<div>
|
||||
<h1 style="text-align: center; color: black !important;"><a href="./2021/">2021</a></h1>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/hewa6q5uiC0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div>
|
||||
<h1 style="text-align: center; color: black !important;"><a href="./2022/">2022</a></h1>
|
||||
<iframe width="100%" height="360px" src="https://www.youtube-nocookie.com/embed/9-FNsjTM4ps" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section id="footer">
|
||||
<div>
|
||||
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
<script>addComponent()</script>
|
||||
</html>
|
||||
<style>
|
||||
#Portfolio {
|
||||
border-bottom: 4px var(--blue-light) solid;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
<header>
|
||||
<div>
|
||||
<h1><a style="color: white;" href="/">BlueAnimates</a></h1>
|
||||
<div class="menu">
|
||||
<a id="Home" href="/">Home</a>
|
||||
<a id="FAQ" href="/faq/">FAQ</a>
|
||||
<a id="Portfolio" href="/portfolio/">Portfolio</a>
|
||||
<a id="Downloads" href="/downloads/">Downloads</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: right;">
|
||||
<div class="socials">
|
||||
<a href="https://discord.gg/fW3GPdqQ6k" target="_blank"><i class="fa-brands fa-discord"></i></a>
|
||||
<a href="https://twitter.com/blueanimates_" target="_blank"><i class="fa-brands fa-twitter"></i></a>
|
||||
<a href="https://www.twitch.tv/blueanimates" target="_blank"><i class="fa-brands fa-twitch"></i></a>
|
||||
<a href="https://www.youtube.com/c/blueanimates" target="_blank"><i class="fa-brands fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -1,141 +0,0 @@
|
|||
:root {
|
||||
--blue: #425a86;
|
||||
--blue-light: #6d9eeb;
|
||||
--max-width: clamp(0px, calc(100% - 50px), 1280px);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--blue-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
#highlight {
|
||||
color: var(--blue-light);
|
||||
}
|
||||
::selection {
|
||||
background-color: var(--blue-light);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
background: rgba(225,228,232,1);
|
||||
font-family: arial;
|
||||
width: 100%;
|
||||
max-width: var(--max-width);
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
header {
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
align-items: center;
|
||||
color: white;
|
||||
background: var(--blue);
|
||||
}
|
||||
header::before {
|
||||
content: "";
|
||||
background: var(--blue);
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
width: 1000%;
|
||||
height: 160px;
|
||||
top: -82px;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
}
|
||||
header h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
.menu {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 200px;
|
||||
}
|
||||
.menu a {
|
||||
margin-right: 14px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
.socials a {
|
||||
color: white;
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
color: white;
|
||||
padding: 10% 0px;
|
||||
background: var(--blue);
|
||||
}
|
||||
.header::before {
|
||||
content: "";
|
||||
background: var(--blue);
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
width: 1000%;
|
||||
height: 89px;
|
||||
top: 78px;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
padding: 10% 0px;
|
||||
}
|
||||
|
||||
#grid-2575 {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
align-items: center;
|
||||
}
|
||||
#grid-7525 {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
align-items: center;
|
||||
}
|
||||
#grid-5050 {
|
||||
display: grid;
|
||||
grid-template-columns: 50% 50%;
|
||||
grid-gap: 25px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#grid-S3 {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
text-align: center;
|
||||
}
|
||||
#grid-S4 {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#rn2022 {
|
||||
background: white;
|
||||
margin: -48px 46px 0px 46px;
|
||||
padding: 10px 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
section img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
transform: scale(0.7);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#grid-5050 {grid-template-columns: auto !important;}
|
||||
}
|
||||
@media only screen and (max-width: 750px) {
|
||||
header {margin-bottom: 70px;}
|
||||
.header::before {height: 155px !important}
|
||||
.menu {
|
||||
position: absolute !important;
|
||||
top: 80px !important;
|
||||
left: 0px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1,008 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 391 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 260 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 157 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 133 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 280 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 267 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 288 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 400 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 244 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 586 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 376 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 908 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 872 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 971 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 843 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 734 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 759 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 844 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 637 KiB |
|
|
@ -1,22 +0,0 @@
|
|||
function addComponent() {
|
||||
var z, i, elmnt, file, xhttp;
|
||||
z = document.getElementsByTagName("*");
|
||||
for (i = 0; i < z.length; i++) {
|
||||
elmnt = z[i];
|
||||
file = elmnt.getAttribute("add-component");
|
||||
if (file) {
|
||||
xhttp = new XMLHttpRequest();
|
||||
xhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4) {
|
||||
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
|
||||
if (this.status == 404) {elmnt.innerHTML = "This component failed to load, try reloading FalixNodes Desktop.";}
|
||||
elmnt.removeAttribute("add-component");
|
||||
addComponent();
|
||||
}
|
||||
}
|
||||
xhttp.open("GET", file, true);
|
||||
xhttp.send();
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in a new issue