SBouchard01.github.io/index.html at main · SBouchard01/SBouchard01.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
layout: home
title: Landing page
---
<div class="blur"></div>

<div class="split left button" onclick=redirectTo() oncontextmenu=preventDefault()>
    <div class="centered">
        <img src="assets/img/Galaxy_white.png" alt="Galaxy">

        <p style="text-indent: -2ch;" data-i18n="science">
        🧪 Click here for the <b>science</b>
        </p>

        <p class="nobr" data-i18n="Coming soon">(🚧 Coming soon...)</p>
    </div>
</div>

<div class="split right button" onclick=redirectTo()>
    <div class="centered">
        <img src="assets/img/rabbit_hat.png" alt="Magic wand">

        <p style="text-indent: -2ch;" data-i18n="magic">
        ✨ Click here for the <b>magic</b>
        </p>

        <p class="nobr" data-i18n="Coming soon">(🚧 Coming soon...)</p>
    </div>
</div>

<script>
  // Add a timenout before allowing the blur effect to appear
  setTimeout(function() {
    document.querySelector('.blur').style.visibility = 'visible';
  }, 1000);
</script>