samuraininja360.github.io/index.html at main · samuraininja360/samuraininja360.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
    <head>
        <title>The Shroud Ninja</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" href="style.css">
        <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
    </head>
    <body onload="load()">
        <div class="spinner" id="loader">

        </div>
        <div id="main">
            <nav>
                <div class="logo">
                    <a href="index.html" class="white-logo">
                        The Shroud Ninja
                    </a>
                </div>
                <div class="forms">
                    <button class="white">Youtube</button>
                </div>
                <div class="menu">
                    <a href="" class="white-link">
                        Home
                    </a>
                    <a href="#about" class="white-link">
                        About
                    </a>
                    <a href="#projects" class="white-link">
                        Projects
                    </a>
                    <a href="" class="white-link">
                        Support
                    </a>
                </div>
            </nav>
            <div class="banner">
                    <div class="show" id="hook1">
                        Graphical Games
                    </div>
                    <div class="hide" id="hook2">
                        Wonderful Websites
                    </div>
                    <div class="hide" id="hook3">
                        Digital Design
                    </div>
                <a href="#about">
                    <div id="scroll-down">
                        <div id="prompt">

                        </div>
                    </div>
                </a>
            </div>
            <section id="about" data-aos="fade-up">
                <div class="img">
                    <img src="Images/Videos.svg" alt="">
                </div>
                <div class="content" data-aos="fade-up">
                    <h1>About</h1>
                    <p>Welcome to my developer portfolio. I am The Shroud Ninja (samuraininja360), a passionate programmer who writes code in Scratch, HTML/CSS, JavaScript and Python. I am also an indie game developer, chess player and gamer. You can find many of my projects on this website where I experimented with algorithms</p>
                    <p>I am known for designing the font Aviex which you are seeing right now and for building the exciting <a>Alastair's Odyssey</a> on Scratch</p>
                </div>
            </section>
            <section class="emphasis" data-aos="fade-up">
                <div class="content">
                    <h1>Projects</h1>
                    <p>During my lifetime as a passionate programmer and math lover, I have created countless projects, each with unique features and extraordinary functions. I always look back on my past to see how I can improve and make programming the best thing ever!</p>
                    <p>I also like to design vivid vector illustrations that enchant my video games. I use gravit most of the time creating logos, sprites and thumbnails for my Scratch projects. I even design for my websites!</p>
                    <p>Sadly this website is under construction so it might take a while before I can display my projects.</p>
                </div>
                <div class="img">
                    <img src="Images/Forest.svg" alt="">
                </div>
            </section>
        </div>
        <script src="script.js"></script>
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
        <script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
    </body>
</html>