Korbs
GitHub
commit
e4609b7dc7
67 changed files with 778 additions and 693 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
.jekyll-cache
|
||||||
|
_site
|
||||||
19
Gemfile
Normal file
19
Gemfile
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
source "https://rubygems.org"
|
||||||
|
gem "jekyll", "~> 4.2.2"
|
||||||
|
gem "minima", "~> 2.5"
|
||||||
|
gem 'jekyll-seo-tag'
|
||||||
|
gem 'jekyll-sitemap'
|
||||||
|
gem 'jekyll-redirect-from'
|
||||||
|
|
||||||
|
group :jekyll_plugins do
|
||||||
|
gem "jekyll-feed", "~> 0.12"
|
||||||
|
end
|
||||||
|
platforms :mingw, :x64_mingw, :mswin, :jruby do
|
||||||
|
gem "tzinfo", "~> 1.2"
|
||||||
|
gem "tzinfo-data"
|
||||||
|
end
|
||||||
|
|
||||||
|
gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
|
||||||
|
gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]
|
||||||
|
|
||||||
|
gem "webrick", "~> 1.7"
|
||||||
90
Gemfile.lock
Normal file
90
Gemfile.lock
Normal file
|
|
@ -0,0 +1,90 @@
|
||||||
|
GEM
|
||||||
|
remote: https://rubygems.org/
|
||||||
|
specs:
|
||||||
|
addressable (2.8.0)
|
||||||
|
public_suffix (>= 2.0.2, < 5.0)
|
||||||
|
colorator (1.1.0)
|
||||||
|
concurrent-ruby (1.1.10)
|
||||||
|
em-websocket (0.5.3)
|
||||||
|
eventmachine (>= 0.12.9)
|
||||||
|
http_parser.rb (~> 0)
|
||||||
|
eventmachine (1.2.7)
|
||||||
|
ffi (1.15.5)
|
||||||
|
forwardable-extended (2.6.0)
|
||||||
|
http_parser.rb (0.8.0)
|
||||||
|
i18n (1.10.0)
|
||||||
|
concurrent-ruby (~> 1.0)
|
||||||
|
jekyll (4.2.2)
|
||||||
|
addressable (~> 2.4)
|
||||||
|
colorator (~> 1.0)
|
||||||
|
em-websocket (~> 0.5)
|
||||||
|
i18n (~> 1.0)
|
||||||
|
jekyll-sass-converter (~> 2.0)
|
||||||
|
jekyll-watch (~> 2.0)
|
||||||
|
kramdown (~> 2.3)
|
||||||
|
kramdown-parser-gfm (~> 1.0)
|
||||||
|
liquid (~> 4.0)
|
||||||
|
mercenary (~> 0.4.0)
|
||||||
|
pathutil (~> 0.9)
|
||||||
|
rouge (~> 3.0)
|
||||||
|
safe_yaml (~> 1.0)
|
||||||
|
terminal-table (~> 2.0)
|
||||||
|
jekyll-feed (0.16.0)
|
||||||
|
jekyll (>= 3.7, < 5.0)
|
||||||
|
jekyll-redirect-from (0.16.0)
|
||||||
|
jekyll (>= 3.3, < 5.0)
|
||||||
|
jekyll-sass-converter (2.2.0)
|
||||||
|
sassc (> 2.0.1, < 3.0)
|
||||||
|
jekyll-seo-tag (2.8.0)
|
||||||
|
jekyll (>= 3.8, < 5.0)
|
||||||
|
jekyll-sitemap (1.4.0)
|
||||||
|
jekyll (>= 3.7, < 5.0)
|
||||||
|
jekyll-watch (2.2.1)
|
||||||
|
listen (~> 3.0)
|
||||||
|
kramdown (2.4.0)
|
||||||
|
rexml
|
||||||
|
kramdown-parser-gfm (1.1.0)
|
||||||
|
kramdown (~> 2.0)
|
||||||
|
liquid (4.0.3)
|
||||||
|
listen (3.7.1)
|
||||||
|
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||||
|
rb-inotify (~> 0.9, >= 0.9.10)
|
||||||
|
mercenary (0.4.0)
|
||||||
|
minima (2.5.1)
|
||||||
|
jekyll (>= 3.5, < 5.0)
|
||||||
|
jekyll-feed (~> 0.9)
|
||||||
|
jekyll-seo-tag (~> 2.1)
|
||||||
|
pathutil (0.16.2)
|
||||||
|
forwardable-extended (~> 2.6)
|
||||||
|
public_suffix (4.0.7)
|
||||||
|
rb-fsevent (0.11.1)
|
||||||
|
rb-inotify (0.10.1)
|
||||||
|
ffi (~> 1.0)
|
||||||
|
rexml (3.2.5)
|
||||||
|
rouge (3.28.0)
|
||||||
|
safe_yaml (1.0.5)
|
||||||
|
sassc (2.4.0)
|
||||||
|
ffi (~> 1.9)
|
||||||
|
terminal-table (2.0.0)
|
||||||
|
unicode-display_width (~> 1.1, >= 1.1.1)
|
||||||
|
unicode-display_width (1.8.0)
|
||||||
|
webrick (1.7.0)
|
||||||
|
|
||||||
|
PLATFORMS
|
||||||
|
x86_64-linux
|
||||||
|
|
||||||
|
DEPENDENCIES
|
||||||
|
http_parser.rb (~> 0.6.0)
|
||||||
|
jekyll (~> 4.2.2)
|
||||||
|
jekyll-feed (~> 0.12)
|
||||||
|
jekyll-redirect-from
|
||||||
|
jekyll-seo-tag
|
||||||
|
jekyll-sitemap
|
||||||
|
minima (~> 2.5)
|
||||||
|
tzinfo (~> 1.2)
|
||||||
|
tzinfo-data
|
||||||
|
wdm (~> 0.1.1)
|
||||||
|
webrick (~> 1.7)
|
||||||
|
|
||||||
|
BUNDLED WITH
|
||||||
|
2.3.12
|
||||||
26
_config.yml
Normal file
26
_config.yml
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
title: BlueAnimates
|
||||||
|
email: hello@blueanimates.com
|
||||||
|
description: >-
|
||||||
|
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.
|
||||||
|
baseurl: ""
|
||||||
|
url: ""
|
||||||
|
|
||||||
|
theme: minima
|
||||||
|
|
||||||
|
plugins:
|
||||||
|
- jekyll-feed
|
||||||
|
- jekyll-seo-tag
|
||||||
|
- jekyll-redirect-from
|
||||||
|
- jekyll-sitemap
|
||||||
|
|
||||||
|
whitelist:
|
||||||
|
- jekyll-redirect-from
|
||||||
|
|
||||||
|
include:
|
||||||
|
- _pages
|
||||||
|
|
||||||
|
author: BlueAnimates
|
||||||
|
|
||||||
|
twitter:
|
||||||
|
username: BlueAnimates
|
||||||
|
card: summary
|
||||||
4
_includes/master/footer.html
Normal file
4
_includes/master/footer.html
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
<section id="footer">
|
||||||
|
<p><i class="fa-light fa-copyright"></i> 2021 - 2022 BlueAnimates</p>
|
||||||
|
<p style="text-align: right;"><i class="fa-light fa-user-helmet-safety"></i> Website built and hosted by <a style="color: white; text-decoration: underline;" href="https://korbsstudio.com/" target="_blank">Korbs Studio</a></p>
|
||||||
|
</section>
|
||||||
9
_includes/master/head.html
Normal file
9
_includes/master/head.html
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<head>
|
||||||
|
<title>{{page.title}} | {{site.title}}</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/assets/css/master.css">
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
|
||||||
|
|
||||||
|
<script src="https://kit.fontawesome.com/fc093d7fbf.js" crossorigin="anonymous"></script>
|
||||||
|
</head>
|
||||||
11
_layouts/document.html
Normal file
11
_layouts/document.html
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
{% include master/head.html %}
|
||||||
|
{% include master/header.html %}
|
||||||
|
|
||||||
|
<banner>
|
||||||
|
<img src="/assets/images/Christmas with Friends.png">
|
||||||
|
</banner>
|
||||||
|
<div class="content">
|
||||||
|
<h1 id="for-banner">{{page.title}}</h1>
|
||||||
|
{{ content }}
|
||||||
|
{% include master/footer.html %}
|
||||||
|
</div>
|
||||||
41
_layouts/downloads.html
Normal file
41
_layouts/downloads.html
Normal file
|
|
@ -0,0 +1,41 @@
|
||||||
|
{% include master/head.html %}
|
||||||
|
{% include master/header.html %}
|
||||||
|
|
||||||
|
<script src="/assets/js/tab-switcher.js"></script>
|
||||||
|
|
||||||
|
<banner>
|
||||||
|
<img src="/assets/images/Christmas with Friends.png">
|
||||||
|
</banner>
|
||||||
|
<div class="content">
|
||||||
|
<h1 id="for-banner">{{page.title}}</h1>
|
||||||
|
<section>
|
||||||
|
<h2>Credits</h2>
|
||||||
|
<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 style="text-align: center;" class="grid-5050">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/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="/assets/images/for-downloads/Phone.png">
|
||||||
|
<a href="https://cdn.blueanimates.com/blender/rigs/Phone.blend">Phone Model</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/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="/assets/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>
|
||||||
|
{% include master/footer.html %}
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#Downloads {background: var(--blue-light);}
|
||||||
|
</style>
|
||||||
57
_layouts/home.html
Normal file
57
_layouts/home.html
Normal file
|
|
@ -0,0 +1,57 @@
|
||||||
|
{% include master/head.html %}
|
||||||
|
{% include master/header.html %}
|
||||||
|
|
||||||
|
<banner>
|
||||||
|
<img src="/assets/images/Teaser_1.png">
|
||||||
|
</banner>
|
||||||
|
<div class="content">
|
||||||
|
<section id="hero-fullscreen">
|
||||||
|
<div class="grid-40auto vertical-center">
|
||||||
|
<img src="/assets/images/blue-waving.png">
|
||||||
|
<div>
|
||||||
|
<h1>Welcome!</h1>
|
||||||
|
<p>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>
|
||||||
|
<a href="mailto:hello@blueanimates.com"><button>Contact Me</button></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
{% include master/footer.html %}
|
||||||
|
<style>
|
||||||
|
#Home {background: var(--blue-light);}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background: var(--blue);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
banner img {
|
||||||
|
background-image: url('/assets/images/Exploration (0;00;00;00).png');
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: center;
|
||||||
|
opacity: 0.1;
|
||||||
|
filter: saturate(0);
|
||||||
|
z-index: -1;
|
||||||
|
animation: 2s bigBanner ease-in-out;
|
||||||
|
}
|
||||||
|
#footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
background: var(--blue);
|
||||||
|
padding: 0px 100%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
140
_layouts/portfolio.html
Normal file
140
_layouts/portfolio.html
Normal file
|
|
@ -0,0 +1,140 @@
|
||||||
|
{% include master/head.html %}
|
||||||
|
{% include master/header.html %}
|
||||||
|
|
||||||
|
<script src="/assets/js/tab-switcher.js"></script>
|
||||||
|
|
||||||
|
<banner>
|
||||||
|
<img src="/assets/images/Christmas with Friends.png">
|
||||||
|
</banner>
|
||||||
|
<div class="content">
|
||||||
|
<h1 id="for-banner">{{page.title}}</h1>
|
||||||
|
<section id="extra-menu">
|
||||||
|
<button onclick="toTab('2021', this, 'var(--blue-light)'); document.getElementById('extra-placeholder').style.display = 'none';" class="tab">2021</button>
|
||||||
|
<button onclick="toTab('2022', this, 'var(--blue-light)'); document.getElementById('extra-placeholder').style.display = 'none';" class="tab">2022</button>
|
||||||
|
</section>
|
||||||
|
<section id="extra-placeholder">
|
||||||
|
<p>Select a year to see content</p>
|
||||||
|
</section>
|
||||||
|
<section class="extra-content" id="2021">
|
||||||
|
<h1>2021</h1>
|
||||||
|
<h2>Animations</h2>
|
||||||
|
<div class="grid-5050">
|
||||||
|
<div>
|
||||||
|
<video controls src="https://cdn.blueanimates.com/videos/The Beginning - Steve's Adventures Part 1.mp4" poster="/assets/images/thumbnails/1.png"></video>
|
||||||
|
<p>"The Beginning" - Steve's Adventures Part 1</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<video controls src="https://cdn.blueanimates.com/videos/Show Yourself Among Us.mp4" poster="/assets/images/thumbnails/2.png"></video>
|
||||||
|
<p>Show Yourself | Among Us Animation #shorts</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="grid-5050">
|
||||||
|
<div>
|
||||||
|
<video controls src="https://cdn.blueanimates.com/videos/Baby Trents Christmas Jack Stauber Minecraft Animation_1080p.mp4" poster="/assets/images/thumbnails/3.png"></video>
|
||||||
|
<p>Baby Trent's Christmas | Jack Stauber Minecraft Animation</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<video controls src="https://cdn.blueanimates.com/videos/Vibrant Eyes Dream SMP Short_1080p.mp4" poster="/assets/images/thumbnails/4.png"></video>
|
||||||
|
<p>Vibrant Eyes | Dream SMP Short</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<h2>Renders</h2>
|
||||||
|
<section class="grid-5050">
|
||||||
|
<img src="/assets/images/renders/2021/Banner.png">
|
||||||
|
<img src="/assets/images/renders/2021/Final Render 2.png">
|
||||||
|
</section>
|
||||||
|
<section class="grid-5050">
|
||||||
|
<img src="/assets/images/renders/2021/Render 3.png">
|
||||||
|
<img src="/assets/images/renders/2021/RanbooPanic2.png">
|
||||||
|
</section>
|
||||||
|
<hr>
|
||||||
|
<h2>Character Models</h2>
|
||||||
|
<section id="grid-S3">
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2021/blue.png">
|
||||||
|
<p>My Character</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2021/bbh.png">
|
||||||
|
<p>BadBoyHalo</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2021/sam.png">
|
||||||
|
<p>Awesamdude</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="extra-content" id="2022">
|
||||||
|
<h1>2022</h1>
|
||||||
|
<h2>Animations</h2>
|
||||||
|
<div class="grid-5050">
|
||||||
|
<div>
|
||||||
|
<video controls src="https://cdn.blueanimates.com/videos/Grian HAUNTS Mumbo Hermitcraft Animation_1080p.mp4" poster="/assets/images/thumbnails/5.png"></video>
|
||||||
|
<p>Grian HAUNTS Mumbo | Hermitcraft Animation</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<video controls src="https://cdn.blueanimates.com/videos/We Dont Talk About Bruno Minecraft Encanto Short_1080p.mp4" poster="/assets/images/thumbnails/6.png"></video>
|
||||||
|
<p>We Don't Talk About Bruno | Minecraft Encanto Short</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<h1>Renders</h1>
|
||||||
|
<section id="grid-S4">
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Teaser 1.png">
|
||||||
|
<p id="rn2022">Steve's Minecraft Adventures 2 | Teaser</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Main Channel EDITED.png">
|
||||||
|
<p id="rn2022">Main Channel Icon</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Second Channel EDITED.png">
|
||||||
|
<p id="rn2022">Second Channel Icon</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Tutorials Channel EDITED.png">
|
||||||
|
<p id="rn2022">Tutorials Channel Icon</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section id="grid-S4">
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/teaser1.png">
|
||||||
|
<p id="rn2022">Dream Manhunt Render</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Dream's Final Manhunt - Victory REVAMPED.png">
|
||||||
|
<p id="rn2022">Dream Animation | Teaser</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Angry.png">
|
||||||
|
<p id="rn2022">Angry Emote</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/renders/2022/Fear.png">
|
||||||
|
<p id="rn2022">Fear Emote</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<h1>Character Models</h1>
|
||||||
|
<section id="grid-S3">
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2022/Grian.png">
|
||||||
|
<p>Grian</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/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>
|
||||||
|
</section>
|
||||||
|
{% include master/footer.html %}
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#Portfolio {background: var(--blue-light);}
|
||||||
|
</style>
|
||||||
25
_pages/commissions/character-models.markdown
Normal file
25
_pages/commissions/character-models.markdown
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
---
|
||||||
|
layout: document
|
||||||
|
title: Commissions - Renders
|
||||||
|
permalink: /commissions/renders/
|
||||||
|
---
|
||||||
|
|
||||||
|
**Original Style Renders** - $10 Nitro
|
||||||
|
|
||||||
|
- Includes bends, advanced faces, fingers (if wanted), etc.
|
||||||
|
- Advanced facial controls
|
||||||
|
- Due to time constraints, no group renders are available in this style.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
___
|
||||||
|
|
||||||
|
**Bare Bones Style Renders** - $5 Nitro
|
||||||
|
|
||||||
|
- Similar to Minecraft's trailer style
|
||||||
|
- No fingers, advanced faces, etc.
|
||||||
|
|
||||||
|
<div class="grid-5050">
|
||||||
|
<img src="/assets/images/Exploration (0;00;00;00).png">
|
||||||
|
<img src="/assets/images/Christmas with Friends.png">
|
||||||
|
</div>
|
||||||
23
_pages/commissions/commisions.markdown
Normal file
23
_pages/commissions/commisions.markdown
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
---
|
||||||
|
layout: document
|
||||||
|
title: Commissions
|
||||||
|
permalink: /commissions/
|
||||||
|
---
|
||||||
|
|
||||||
|
# Blue's Minecraft Commissions!
|
||||||
|
|
||||||
|
- I do not have a credit card, so all payments must be in Discord Nitro.
|
||||||
|
- Please do not rush me to finish your commission! I have other things to do.
|
||||||
|
- I have the right to deny or cancel a commission at any time.
|
||||||
|
- If you'd like a preset, you have to provide me with a skin.
|
||||||
|
|
||||||
|
I will NOT make:
|
||||||
|
|
||||||
|
- Hateful Artwork
|
||||||
|
- Nudity/NSFW/Gore/Vore
|
||||||
|
- Furries
|
||||||
|
- HD SKins Presets/Renders
|
||||||
|
|
||||||
|
Check out the [Renders page](./renders/) to see render pricing!
|
||||||
|
|
||||||
|
Check out the [Character Models page](./character-models/) to see character pricing!
|
||||||
36
_pages/commissions/renders.markdown
Normal file
36
_pages/commissions/renders.markdown
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
---
|
||||||
|
layout: document
|
||||||
|
title: Commissions - Character Models
|
||||||
|
permalink: /commissions/character-models/
|
||||||
|
---
|
||||||
|
|
||||||
|
**Presets / Character Models (Basic)** - $5 Nitro
|
||||||
|
|
||||||
|
- Simple Extrusions & Shape Edits
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
___
|
||||||
|
|
||||||
|
**Presets / Character Models (Detailed)** - $10 Nitro
|
||||||
|
|
||||||
|
- Custom Modeled Hair
|
||||||
|
- Advanced Extrusions/Shape Edits
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section id="grid-S3">
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2021/blue.png">
|
||||||
|
<p>My Character</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2021/bbh.png">
|
||||||
|
<p>BadBoyHalo</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="/assets/images/models/2022/Grian.png">
|
||||||
|
<p>Awesamdude</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
5
_pages/downloads.markdown
Normal file
5
_pages/downloads.markdown
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: downloads
|
||||||
|
title: Downloads
|
||||||
|
permalink: /downloads/
|
||||||
|
---
|
||||||
42
_pages/faq.markdown
Normal file
42
_pages/faq.markdown
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
---
|
||||||
|
layout: document
|
||||||
|
title: FAQ
|
||||||
|
permalink: /faq/
|
||||||
|
---
|
||||||
|
<style>
|
||||||
|
#FAQ {background: var(--blue-light);}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
**Q: Who inspired you to start making 3D art-related content?**
|
||||||
|
|
||||||
|
A: People like Hapico, Blue Monkey, and many more animators inspire me to keep going with animation because it's something I really enjoy!
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Q: What software do you use?**
|
||||||
|
|
||||||
|
A: I use [Blender](https://www.blender.org/) for all of my 3D work! It's free and a great way to start your 3D journey. I highly recommend [Blender Guru's Donut Tutorial](https://www.youtube.com/watch?v=nIoXOplUvAw&list=PLjEaoINr3zgFX8ZsChQVQsuDSjEqdWMAD) for beginners.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Q: When did you start making 3D art?**
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Q: How did you learn to use Blender?**
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Q: Can I join your team? / Can you join my team?**
|
||||||
|
|
||||||
|
A: I am not interested in working with any more teams at the moment.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
**Q: Can I commission you?**
|
||||||
|
|
||||||
|
A: Of course you can! Check out my [Commissions page](/commissions/) for more details.
|
||||||
5
_pages/index.markdown
Normal file
5
_pages/index.markdown
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: home
|
||||||
|
title: Home
|
||||||
|
permalink: /
|
||||||
|
---
|
||||||
5
_pages/portfolio.markdown
Normal file
5
_pages/portfolio.markdown
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
layout: portfolio
|
||||||
|
title: Portfolio
|
||||||
|
permalink: /portfolio/
|
||||||
|
---
|
||||||
225
assets/css/master.css
Normal file
225
assets/css/master.css
Normal file
|
|
@ -0,0 +1,225 @@
|
||||||
|
:root {
|
||||||
|
--blue: #425a86;
|
||||||
|
--blue-light: #6d9eeb;
|
||||||
|
--blue-light-hover: #a1bae2;
|
||||||
|
--max-width: clamp(0px, calc(100% - 50px), 1280px);
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--blue-light);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
video {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background: var(--blue-light);
|
||||||
|
color: white;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: none;
|
||||||
|
padding: 10px 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.3s background;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background: var(--blue-light-hover);
|
||||||
|
}
|
||||||
|
#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);
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 50% 50%;
|
||||||
|
background: var(--blue);
|
||||||
|
color: white;
|
||||||
|
padding: 0px 100%;
|
||||||
|
left: 50%;
|
||||||
|
position: absolute;
|
||||||
|
transform: translate(-50%);
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
align-items: center;
|
||||||
|
color: white;
|
||||||
|
position: fixed;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 50% 50%;
|
||||||
|
top: 0px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
header h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
left: 200px;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.menu a {
|
||||||
|
font-weight: bold;
|
||||||
|
color: white;
|
||||||
|
padding: 8px 20px;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: 0.3s background;
|
||||||
|
}
|
||||||
|
.menu a:hover {
|
||||||
|
background: var(--blue-light-hover);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.socials a {
|
||||||
|
color: white;
|
||||||
|
margin-left: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
banner img {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: 0px -240px;
|
||||||
|
opacity: 0.2;
|
||||||
|
filter: saturate(0);
|
||||||
|
/* transition: 2s object-position;
|
||||||
|
animation: 2s banner ease; */
|
||||||
|
}
|
||||||
|
banner::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
opacity: 1;
|
||||||
|
background: var(--blue);
|
||||||
|
z-index: -2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#for-banner {
|
||||||
|
color: white;
|
||||||
|
margin: 0px 0px 90px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#extra-menu {
|
||||||
|
background: white;
|
||||||
|
margin: -34px 0px 0px 0px;
|
||||||
|
padding: 0px 100%;
|
||||||
|
left: 50%;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
}
|
||||||
|
#extra-menu button {
|
||||||
|
color: black;
|
||||||
|
background: transparent;
|
||||||
|
font-weight: bold;
|
||||||
|
border-bottom: 4px transparent solid;
|
||||||
|
border-radius: 0px;
|
||||||
|
transition: 0.3s border-color, 0.3s background;
|
||||||
|
}
|
||||||
|
#extra-menu button:hover {
|
||||||
|
background: var(--blue-light-hover);
|
||||||
|
}
|
||||||
|
#extra-placeholder {
|
||||||
|
margin-top: 260px;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0px;
|
||||||
|
margin-bottom: 130px;
|
||||||
|
}
|
||||||
|
.extra-content {display: none;}
|
||||||
|
.extra-content {margin-top: 140px;}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--max-width);
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-40auto {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 40% auto;
|
||||||
|
}
|
||||||
|
.grid-5050 {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 50% 50%;
|
||||||
|
grid-gap: 25px;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
#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;
|
||||||
|
grid-gap: 60px;
|
||||||
|
}
|
||||||
|
.vertical-center {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes banner {
|
||||||
|
from {object-position: 0px 0px;}
|
||||||
|
to {object-position: 0px -240px;}
|
||||||
|
}
|
||||||
|
@keyframes bigBanner {
|
||||||
|
from {transform: scale(1.2);}
|
||||||
|
to {transform: scale(1);}
|
||||||
|
}
|
||||||
|
|
||||||
|
@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}
|
||||||
|
banner img {
|
||||||
|
object-position: 0px !important;
|
||||||
|
height: 260px !important;
|
||||||
|
}
|
||||||
|
banner::before {
|
||||||
|
height: 260px !important;
|
||||||
|
}
|
||||||
|
#for-banner {
|
||||||
|
margin: 100px 0px 54px 0px !important;
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
position: absolute !important;
|
||||||
|
top: 80px !important;
|
||||||
|
left: 0px !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 1,008 KiB After Width: | Height: | Size: 1,008 KiB |
BIN
assets/images/Screenshot_20220430_225944.png
Normal file
BIN
assets/images/Screenshot_20220430_225944.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
BIN
assets/images/Teaser_1.png
Normal file
BIN
assets/images/Teaser_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 391 KiB After Width: | Height: | Size: 391 KiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 260 KiB |
|
Before Width: | Height: | Size: 157 KiB After Width: | Height: | Size: 157 KiB |
|
Before Width: | Height: | Size: 130 KiB After Width: | Height: | Size: 130 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 280 KiB After Width: | Height: | Size: 280 KiB |
|
Before Width: | Height: | Size: 267 KiB After Width: | Height: | Size: 267 KiB |
|
Before Width: | Height: | Size: 288 KiB After Width: | Height: | Size: 288 KiB |
|
Before Width: | Height: | Size: 400 KiB After Width: | Height: | Size: 400 KiB |
|
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 244 KiB |
|
Before Width: | Height: | Size: 586 KiB After Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 376 KiB After Width: | Height: | Size: 376 KiB |
|
Before Width: | Height: | Size: 908 KiB After Width: | Height: | Size: 908 KiB |
|
Before Width: | Height: | Size: 872 KiB After Width: | Height: | Size: 872 KiB |
|
Before Width: | Height: | Size: 971 KiB After Width: | Height: | Size: 971 KiB |
|
Before Width: | Height: | Size: 843 KiB After Width: | Height: | Size: 843 KiB |
|
Before Width: | Height: | Size: 4 MiB After Width: | Height: | Size: 4 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 4 MiB After Width: | Height: | Size: 4 MiB |
|
Before Width: | Height: | Size: 734 KiB After Width: | Height: | Size: 734 KiB |
|
Before Width: | Height: | Size: 759 KiB After Width: | Height: | Size: 759 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 844 KiB After Width: | Height: | Size: 844 KiB |
|
Before Width: | Height: | Size: 637 KiB After Width: | Height: | Size: 637 KiB |
BIN
assets/images/thumbnails/1.png
Normal file
BIN
assets/images/thumbnails/1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
assets/images/thumbnails/2.png
Normal file
BIN
assets/images/thumbnails/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
BIN
assets/images/thumbnails/3.png
Normal file
BIN
assets/images/thumbnails/3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 KiB |
BIN
assets/images/thumbnails/4.png
Normal file
BIN
assets/images/thumbnails/4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
BIN
assets/images/thumbnails/5.png
Normal file
BIN
assets/images/thumbnails/5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 186 KiB |
BIN
assets/images/thumbnails/6.png
Normal file
BIN
assets/images/thumbnails/6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
13
assets/js/tab-switcher.js
Normal file
13
assets/js/tab-switcher.js
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
function toTab(pageName,elmnt,color) {
|
||||||
|
var i, tabcontent, tablinks;
|
||||||
|
tabcontent = document.getElementsByClassName("extra-content");
|
||||||
|
for (i = 0; i < tabcontent.length; i++) {
|
||||||
|
tabcontent[i].style.display = "none";
|
||||||
|
}
|
||||||
|
tablinks = document.getElementsByClassName("tab");
|
||||||
|
for (i = 0; i < tablinks.length; i++) {
|
||||||
|
tablinks[i].style.borderColor = "";
|
||||||
|
}
|
||||||
|
document.getElementById(pageName).style.display = "inherit";
|
||||||
|
elmnt.style.borderColor = color;
|
||||||
|
}
|
||||||
|
|
@ -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,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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -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