tri-dragon-programming.github.io/index.html at main · Tri-Dragon-Programming/tri-dragon-programming.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
<!--Main-->
<!-- The SVGs come from heroicons (heroicons.com) -->

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />

    <title>Home | Tri Dragon Programming</title>
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet" href="header-styles.css"/>
    <link rel="shortcut icon" href="./Assets/tdp-logo-clear-clone.ico" />
</head>
<body>

    <div id="header">
        <div>
            <a href="/">
                <img src="logo.png" height="60px" alt="Tri Dragon Programming Logo">
            </a>
        </div>
        <div id="header-menu">
            <div id="projects-menu-hover">
                <a id="projects-menu" href="Projects/">Projects</a>
            </div>
        </div>
    </div>


    <div id="main-content">
        <h1>Welcome!</h1>
        <p>[Example, AI generated]<br>
        Hello there! We are Tri Dragon Programming, a passionate team dedicated to the art of coding and development. Our mission is to create and share the best apps and games with the world, all while keeping them open-source. We believe in the power of collaboration and innovation, and we’re excited to have you join us on this journey.<br><br>

        At Tri Dragon Programming, we are constantly exploring new ideas and pushing the boundaries of what’s possible in the tech world. Our projects are a testament to our commitment to quality and creativity. Whether you’re a seasoned developer or just starting out, there’s something for everyone to enjoy and learn from our diverse range of applications and games.<br><br>

        We invite you to explore our Projects section in the upper-right corner of our website. There, you can dive into what we’re currently working on and even try out some of our creations for yourself. We hope you find inspiration and joy in our work, and we look forward to hearing your feedback and ideas. Happy exploring!</p>
        <a class="button" href="https://www.github.com/Tri-Dragon-Programming">Open source!</a>

        <h1>Meet Our Team</h1>
        <!-- ThatCodingFrog -->
        <h2><img src="https://avatars.githubusercontent.com/u/221451602?v=4"
            style="width:40px; background:white; border-radius: 100px;">
            ThatCodingFrog
        </h2>
        <p>Hello, I'm ThatCodingFrog, founder of Tri Dragon Programming.  I like programming, reading, and playing computer games on occasion.  You can find my other coding projects and profiles on Github.<p>
        <div style="display: flex;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6" width="25px">
              <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
            </svg>
            <a style="padding: 5px 10px;" href="https://github.com/ThatCodingFrog">GitHub</a>
        </div>

        <!-- ultimatecatperson (Random Meow) -->
        <h2><img src="https://avatars.githubusercontent.com/u/157181402?v=4"
            style="width:40px; background:white; border-radius: 100px;">
            Random Meow
        </h2>
        <p>Hi! I'm Random Meow, and I love cats. My main hobbies are video making, programming, music production, graphic design, and music making. I'm currently learning Blender and some more Swift for app development.</p>
        <div style="display: flex;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6" width="25px">
              <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
            </svg>
            <a style="padding: 5px 10px;" href="https://github.com/ultimatecatperson">GitHub</a>
        </div>
    </div>

    <footer id="footer">
        <p>Copyright by Tri Dragon Programming, 2025</p>
    </footer>

    <script>
        var projMenu = document.getElementById("projects-menu-hover");

        projMenu.addEventListener("mouseover", () => {
            projMenu.style.background = "green";
            var dropDownMenu = document.createElement("div");
            dropDownMenu.style.border = "black solid 1px";

            //projMenu.appendChild(dropDownMenu);
        });

        projMenu.addEventListener("mouseleave", () => {
            projMenu.style.background = "initial";
        });

    </script>

</body>
</html>

<!--meow-->