Update Ready

2022-04-30 23:07:33 -04:00 · 2022-04-30 23:07:33 -04:00 · 4045f07671
commit 4045f07671
parent dc2a9c44b2
56 changed files with 778 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
 .jekyll-cache
 _site
--- a/19
+++ b/19
@ -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"
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -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
--- a/_config.yml
+++ b/_config.yml
@ -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
--- a/_includes/master/footer.html
+++ b/_includes/master/footer.html
@ -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>
--- a/_includes/master/head.html
+++ b/_includes/master/head.html
@ -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>
--- a/_includes/master/header.html
+++ b/_includes/master/header.html
@ -0,0 +1,19 @@
 <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>
--- a/_layouts/document.html
+++ b/_layouts/document.html
@ -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>
--- a/_layouts/downloads.html
+++ b/_layouts/downloads.html
@ -0,0 +1,46 @@
 {% 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 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>
 #Downloads {background: var(--blue-light);}
 </style>
--- a/_layouts/home.html
+++ b/_layouts/home.html
@ -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>
--- a/_layouts/portfolio.html
+++ b/_layouts/portfolio.html
@ -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>
--- a/_pages/commissions/character-models.markdown
+++ b/_pages/commissions/character-models.markdown
@ -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.
 ![img](/assets/images/Screenshot_20220430_225944.png)
 ___
 **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>
--- a/_pages/commissions/commisions.markdown
+++ b/_pages/commissions/commisions.markdown
@ -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!
--- a/_pages/commissions/renders.markdown
+++ b/_pages/commissions/renders.markdown
@ -0,0 +1,36 @@
 ---
 layout: document
 title: Commissions - Character Models
 permalink: /commissions/character-models/
 ---
 **Presets / Character Models (Basic)** - $5 Nitro
 - Simple Extrusions & Shape Edits
 ![img](/assets/images/basic-model.png)
 ___
 **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>
--- a/_pages/downloads.markdown
+++ b/_pages/downloads.markdown
@ -0,0 +1,5 @@
 ---
 layout: downloads
 title: Downloads
 permalink: /downloads/
 ---
--- a/_pages/faq.markdown
+++ b/_pages/faq.markdown
@ -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.
--- a/_pages/index.markdown
+++ b/_pages/index.markdown
@ -0,0 +1,5 @@
 ---
 layout: home
 title: Home
 permalink: /
 ---
--- a/_pages/portfolio.markdown
+++ b/_pages/portfolio.markdown
@ -0,0 +1,5 @@
 ---
 layout: portfolio
 title: Portfolio
 permalink: /portfolio/
 ---
--- a/assets/css/master.css
+++ b/assets/css/master.css
@ -0,0 +1,201 @@
 :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);}
 }
--- a/assets/images/Christmas
+++ b/assets/images/Christmas
--- a/assets/images/Exploration
+++ b/assets/images/Exploration
--- a/assets/images/Screenshot_20220430_225944.png
+++ b/assets/images/Screenshot_20220430_225944.png
--- a/assets/images/Teaser_1.png
+++ b/assets/images/Teaser_1.png
--- a/assets/images/basic-model.png
+++ b/assets/images/basic-model.png
--- a/assets/images/blue-holding-pickaxe.png
+++ b/assets/images/blue-holding-pickaxe.png
--- a/assets/images/blue-waving.png
+++ b/assets/images/blue-waving.png
--- a/assets/images/for-downloads/Dog
+++ b/assets/images/for-downloads/Dog
--- a/assets/images/for-downloads/Phone.png
+++ b/assets/images/for-downloads/Phone.png
--- a/assets/images/for-downloads/Snowman
+++ b/assets/images/for-downloads/Snowman
--- a/assets/images/for-downloads/VR
+++ b/assets/images/for-downloads/VR
--- a/assets/images/models/2021/bbh.png
+++ b/assets/images/models/2021/bbh.png
--- a/assets/images/models/2021/blue.png
+++ b/assets/images/models/2021/blue.png
--- a/assets/images/models/2021/sam.png
+++ b/assets/images/models/2021/sam.png
--- a/assets/images/models/2022/Full
+++ b/assets/images/models/2022/Full
--- a/assets/images/models/2022/Grian.png
+++ b/assets/images/models/2022/Grian.png
--- a/assets/images/render-1.png
+++ b/assets/images/render-1.png
--- a/assets/images/render-2.png
+++ b/assets/images/render-2.png
--- a/assets/images/renders/2021/Banner.png
+++ b/assets/images/renders/2021/Banner.png
--- a/assets/images/renders/2021/Final
+++ b/assets/images/renders/2021/Final
--- a/assets/images/renders/2021/RanbooPanic2.png
+++ b/assets/images/renders/2021/RanbooPanic2.png
--- a/assets/images/renders/2021/Render
+++ b/assets/images/renders/2021/Render
--- a/assets/images/renders/2022/Angry.png
+++ b/assets/images/renders/2022/Angry.png
--- a/assets/images/renders/2022/Dream's
+++ b/assets/images/renders/2022/Dream's
--- a/assets/images/renders/2022/Fear.png
+++ b/assets/images/renders/2022/Fear.png
--- a/assets/images/renders/2022/Main
+++ b/assets/images/renders/2022/Main
--- a/assets/images/renders/2022/Second
+++ b/assets/images/renders/2022/Second
--- a/assets/images/renders/2022/Teaser
+++ b/assets/images/renders/2022/Teaser
--- a/assets/images/renders/2022/Tutorials
+++ b/assets/images/renders/2022/Tutorials
--- a/assets/images/renders/2022/teaser1.png
+++ b/assets/images/renders/2022/teaser1.png
--- a/assets/images/thumbnails/1.png
+++ b/assets/images/thumbnails/1.png
--- a/assets/images/thumbnails/2.png
+++ b/assets/images/thumbnails/2.png
--- a/assets/images/thumbnails/3.png
+++ b/assets/images/thumbnails/3.png
--- a/assets/images/thumbnails/4.png
+++ b/assets/images/thumbnails/4.png
--- a/assets/images/thumbnails/5.png
+++ b/assets/images/thumbnails/5.png
--- a/assets/images/thumbnails/6.png
+++ b/assets/images/thumbnails/6.png
--- a/assets/js/tab-switcher.js
+++ b/assets/js/tab-switcher.js
@ -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;
 }