lunarcloud.github.io/home-ala-homestar.html at main · lunarcloud/lunarcloud.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">

    <head>
        <title>Sam Sarette | Home (Flash-Like)</title>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="theme-color" content="#C43779">

        <meta property="og:title" content="Sam Portfolio (Flash-Like Variant)">
        <meta property="og:description" content="Flash-Styled Interface variant for Sam's showcase website.">
        <meta property="og:image" content="https://lunarcloud.github.io/img/pages/home-flash.webp" />

        <link rel="manifest" href="./ssarette-portfolio.webmanifest">
        <link rel="icon" type="image/x-icon" href="favicon.ico">
        <link rel="stylesheet" href="css/home-ala-homestar.css">
        <script src="lib/custom-elements.js"></script> <!-- Safari polyfill -->
    </head>

    <body>
        <container id="main"  class="page-fade">
            <nav>
                <h1>S★S</h1>
                <ul>
                    <li>
                        <a is="fadeout-anchor" hover-style="fire" href="3d-showcase.html">
                            3-D Showcase
                            <audio src="audio/518616__taman21__guitar-notes-a.mp3" preload></audio>
                        </a>
                    </li>
                    <li>
                        <a is="fadeout-anchor" hover-style="charcoal" href="project-list-view.html">
                            Projects
                            <audio src="audio/518616__taman21__guitar-notes-b.mp3" preload></audio>
                        </a>
                    </li>
                    <li>
                        <a hover-style="busted" href="https://itch.io/profile/samsarette">
                            Itch
                            <audio src="audio/518616__taman21__guitar-notes-c.mp3" preload></audio>
                        </a>
                    </li>
                    <li>
                        <a hover-style="focus-in" href="https://github.com/lunarcloud">
                            GitHub
                            <audio src="audio/518616__taman21__guitar-notes-d.mp3" preload></audio>
                        </a>
                    </li>
                </ul>
                <svg>
                    <!-- linthtml-disable attr-name-style, tag-name-lowercase -->
                    <defs>
                        <clipPath id="nav-clip" clipPathUnits="objectBoundingBox">
                            <path d="M 0 1
                                L 0 0
                                L 0.548 0
                                C 0.519 0.383 0.622 0.772 1 1" />
                        </clipPath>
                    </defs>
                    <!-- linthtml-enable attr-name-style, tag-name-lowercase -->
                </svg>
            </nav>
            <header>
                <h1>Sam Sarette's Portfolio</h1>
                <svg>
                    <defs>
                        <!-- linthtml-disable attr-name-style, tag-name-lowercase -->
                        <clipPath id="header-clip" clipPathUnits="objectBoundingBox">
                            <path d="   M 0,1
                                    L 0,0
                                    L 1,0
                                    L 1,1
                                    C .65 .8, .35 .8, 0 1
                                    Z" />
                        </clipPath>
                    </defs>
                    <!-- linthtml-enable attr-name-style, tag-name-lowercase -->
                </svg>
            </header>
            <main>
                <img class="" src="img/rogues-booklet-campfire.webp" alt="background image" />
            </main>
            <footer>
                <ul>
                    <li><a is="fadeout-anchor" href="index.html">1</a></li>
                    <li><a is="fadeout-anchor" href="home-ala-homestar.html">2</a></li>
                    <li><a is="fadeout-anchor" href="home-lcars.html">3</a></li>
                    <li><a is="fadeout-anchor" href="home-console.html">4</a></li>
                </ul>
            </footer>
            <button id="mute-btn" title="Toggle Audio Mute">
                <span class="off">🔊</span>
                <span class="on">🔇</span>
            </button>
        </container>
        <audio id="bg-audio" src="audio/536935__defaultv__campfire.mp3" loop="loop"></audio>
        <script type="module" src="controllers/home-ala-homestar.js"></script>
    </body>

</html>