catniped.github.io/index.html at main · Catniped/catniped.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="styles/style.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@800&family=Space+Mono&display=swap" rel="stylesheet">
    <title>Catniped - Home</title>
    <meta content="Catnipeds portfolio" property="og:title" />
    <meta content="my projects, blogs, and other silliness" property="og:description" />
    <meta content="https://catniped.xyz/" property="og:url" />
    <meta content="https://catniped.xyz/posts/cncmill1.jpg" property="og:image" />
    <meta content="#B174F7" data-react-helmet="true" name="theme-color" />
    <link rel="icon" type="image/x-icon" href="favicon.ico">
  </head>
  <body class="stars" style="background-color: rgb(82, 82, 138); margin: 0 0 0 0;">

    <div class="navbar">
      <a class="active" href="index.html">Homepage</a>
      <a href="blog.html">Blog</a>
      <a href="projects.html">Projects</a>
    </div>

    <div style="display: flex; align-items: center; margin-left: 10%; margin-top: 10%;">
        <p class="title" style="margin-right: 0.5vw; margin-bottom: 0; margin-top: 0;">Hi, i'm Catniped</p>
        <!-- <img class="image1" style="margin-bottom: 0;" src="https://cdn.discordapp.com/avatars/365909768306688000/e3db77db5adcc44de8a431ad9707462f.webp?size=128" alt="My pfp"> -->
    </div>
    <p class="subtext" style="margin-left: 10%; margin-top: 0.1svw;">if you are wondering why this is so outdated, i have developed an opera addiction<br>and spend my days awaiting my next therapy session. sue me for being dysfunctional.</p>
    <p class="content">i do things, check them out:</p>

    <div class="content" style="display: flex;">
    <div class="links"><a href="projects.html">> project list</a><br>
    <a href="posts/binderjetting.html">> binder jetting metal 3DP</a><br>
    <a href="posts/metallurgy-devices.html">> powder metallurgy stuff</a><br>
    <a href="posts/ender3.html">> printer modding</a></div>
    <a href="https://catniped.xyz/wynnmap/">> wynncraft map</a><br>
    <a href=""><img class="image3" src="assets/bomb2.jpg"></a>
    </div><br>

    <div style="display: flex; align-items: center; justify-content: center;">

      <a href=""><img class="image5" src="assets/desk1.jpg"></a>
      <a href="posts/ender3.html"><img class="image5" src="assets/ender3_1.jpg"></a>
      <a href="posts/rapidproto.html"><img class="image5" src="assets/cncmill1.jpg"></a>
    </div>

    <br>

    <center><p class="title" style="margin-right: 0.5vw; margin-bottom: 0; margin-top: 0;">Find me at</p></center>

    <div style="display: flex; margin-left: 2vw; margin-right: 2vw;">

      <div onclick="location.href='https://github.com/Catniped';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container" style="margin-right: 0.5vw; margin-left:0.5vw; padding: 1.5vw;">
        <p id="title">GitHub</p><p id="content">catniped</p>
      </div>

      <div onclick="location.href='';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container" style="margin-right: 0.5vw; margin-left:0.5vw; padding: 1.5vw;">
        <p id="title">Discord</p><p id="content">@catniped</p><br>
      </div>

      <div onclick="location.href='https://www.youtube.com/channel/UCFNl9zLB8cc10WgescXyoWg';" onmouseover="this.style.boxShadow = '0 10px 36px 0 rgba(0,0,0,0.2),0 6px 40px 0 rgba(0,0,0,0.19)';" onmouseout="this.style.boxShadow = '0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)';" class="post-container" style="margin-right: 0.5vw; margin-left:0.5vw; padding: 1.5vw;">
        <p id="title">YouTube</p><p id="content">@CatnipedUwU</p><br>
      </div>

    </div>

    <hr class="divider1">
    <center>
        <p class="subtext">bottom text</p>
    </center><br>
  </body>
</html>