summaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html204
1 files changed, 105 insertions, 99 deletions
diff --git a/index.html b/index.html
index ec0b929..e6286ce 100644
--- a/index.html
+++ b/index.html
@@ -10,129 +10,135 @@
10 <link rel="stylesheet" href="styles.css"> 10 <link rel="stylesheet" href="styles.css">
11</head> 11</head>
12<body> 12<body>
13 <header> 13<header>
14 <div class="container">
15 <nav>
16 <a href="#" class="logo">SalmonPage</a>
17 <div class="nav-links">
18 <a href="#about">About</a>
19 <a href="#projects">Projects</a>
20 <a href="#contact">Contact</a>
21 </div>
22 </nav>
23 </div>
24</header>
25
26<main>
27 <section class="hero">
14 <div class="container"> 28 <div class="container">
15 <nav> 29 <div class="hero-content">
16 <a href="#" class="logo">SalmonPage</a> 30 <div class="hero-text">
17 <div class="nav-links"> 31 <div class="greeting">Hi, my name is</div>
18 <a href="#about">About</a> 32 <h1>Salmon. </h1>
19 <a href="#projects">Projects</a> 33 <h2 class="tagline">I build things.</h2>
20 <a href="#contact">Contact</a> 34 <p>I mainly do C++ and whatnot.</p>
35 <div class="cta-buttons">
36 <a href="#contact" class="btn btn-primary">Contacts</a>
37 <a href="#projects" class="btn btn-outline">What did I do</a>
38 </div>
21 </div> 39 </div>
22 </nav> 40 <div class="hero-image">
41 <img src="resources/salmon.png" alt="Salmon" class="hero-img">
42 </div>
43 </div>
23 </div> 44 </div>
24 </header> 45 </section>
25 46
26 <main> 47 <section id="about" class="about">
27 <section class="hero"> 48 <div class="container">
28 <div class="container"> 49 <h2 class="section-title">Who am I?</h2>
29 <div class="hero-content"> 50 <div class="about-content">
30 <div class="hero-text"> 51 <div>
31 <div class="greeting">Hi, my name is</div> 52 <p>I am salmon, mainly known for SalmonPaste. Creator of SalmonPaste and a few discord bots.</p>
32 <h1>Salmon. </h1> 53 <p>This is my site, proudly hosted on my cheap ass server.</p>
33 <h2 class="tagline">I build things.</h2> 54 <p>Things I work with:</p>
34 <p>I mainly do C++ and whatnot.</p> 55 <div class="skills">
35 <div class="cta-buttons"> 56 <span class="skill-tag">Linux</span>
36 <a href="#contact" class="btn btn-primary">Contacts</a> 57 <span class="skill-tag">C++</span>
37 <a href="#projects" class="btn btn-outline">What did I do</a> 58 <span class="skill-tag">Python</span>
38 </div> 59 <span class="skill-tag">Retards</span>
39 </div> 60 <span class="skill-tag">More Linux</span>
40 <div class="hero-image">
41 <img src="resources/salmon.png" alt="Salmon" class="hero-img">
42 </div> 61 </div>
43 </div> 62 </div>
63 <div class="about-image">
64 <img src="resources/about.png" alt="About Me" class="about-img">
65 </div>
44 </div> 66 </div>
45 </section> 67 </div>
68 </section>
46 69
47 <section id="about" class="about"> 70 <section id="projects" class="projects">
48 <div class="container"> 71 <div class="container">
49 <h2 class="section-title">Who am I?</h2> 72 <h2 class="section-title">My Projects</h2>
50 <div class="about-content"> 73 <div class="projects-grid">
51 <div> 74 <!-- Project 1 -->
52 <p>I am salmon, mainly known for SalmonPaste. Creator of SalmonPaste and a few discord bots.</p> 75 <div class="project-card">
53 <p>This is my site, proudly hosted on my cheap ass server.</p> 76 <h3 class="project-title">SalmonPaste</h3>
54 <p>Things I work with:</p> 77 <p class="project-description">Unmaintained TF2 x64 cheat. greatest.</p>
55 <div class="skills"> 78 <div class="project-links">
56 <span class="skill-tag">Linux</span> 79 <a href="https://discord.gg/hj5vUkUWfU" class="btn btn-outline" target="_blank"
57 <span class="skill-tag">C++</span> 80 rel="noopener noreferrer">Discord Server</a>
58 <span class="skill-tag">Python</span>
59 <span class="skill-tag">Retards</span>
60 <span class="skill-tag">More Linux</span>
61 </div>
62 </div> 81 </div>
63 <div class="about-image"> 82 <div class="project-tags">
64 <img src="resources/about.png" alt="About Me" class="about-img"> 83 <span class="project-tag">C++</span>
84 <span class="project-tag">FWare based</span>
85 <span class="project-tag">Dead</span>
65 </div> 86 </div>
66 </div> 87 </div>
67 </div>
68 </section>
69 88
70 <section id="projects" class="projects"> 89 <!-- Project 2 -->
71 <div class="container"> 90 <div class="project-card">
72 <h2 class="section-title">My Projects</h2> 91 <h3 class="project-title">Discord Bots</h3>
73 <div class="projects-grid"> 92 <p class="project-description">A few bots I made.</p>
74 <!-- Project 1 --> 93 <div class="project-links">
75 <div class="project-card"> 94 <a href="https://codeberg.org/salmonik" class="btn btn-outline" target="_blank"
76 <h3 class="project-title">SalmonPaste</h3> 95 rel="noopener noreferrer">My Codeberg</a>
77 <p class="project-description">Unmaintained TF2 x64 cheat. greatest.</p>
78 <div class="project-links">
79 <a href="https://discord.gg/hj5vUkUWfU" class="btn btn-outline" target="_blank" rel="noopener noreferrer">Discord Server</a>
80 </div>
81 <div class="project-tags">
82 <span class="project-tag">C++</span>
83 <span class="project-tag">FWare based</span>
84 <span class="project-tag">Dead</span>
85 </div>
86 </div> 96 </div>
87 97 <div class="project-tags">
88 <!-- Project 2 --> 98 <span class="project-tag">Python</span>
89 <div class="project-card"> 99 <span class="project-tag">Pycord</span>
90 <h3 class="project-title">Discord Bots</h3> 100 <span class="project-tag">Open Source</span>
91 <p class="project-description">A few bots I made.</p>
92 <div class="project-links">
93 <a href="https://codeberg.org/salmonik" class="btn btn-outline" target="_blank" rel="noopener noreferrer">My Codeberg</a>
94 </div>
95 <div class="project-tags">
96 <span class="project-tag">Python</span>
97 <span class="project-tag">Pycord</span>
98 <span class="project-tag">Open Source</span>
99 </div>
100 </div> 101 </div>
102 </div>
101 103
102 <!-- Project 3 --> 104 <!-- Project 3 -->
103 <div class="project-card"> 105 <div class="project-card">
104 <h3 class="project-title">FileSiever</h3> 106 <h3 class="project-title">FileSiever</h3>
105 <p class="project-description">Extremely fast C++ CLI app to filter out lines from files.</p> 107 <p class="project-description">Extremely fast C++ CLI app to filter out lines from files.</p>
106 <div class="project-links"> 108 <div class="project-links">
107 <a href="https://codeberg.org/salmonik/FileSiever" class="btn btn-outline" target="_blank" rel="noopener noreferrer">Project's Codeberg page</a> 109 <a href="https://codeberg.org/salmonik/FileSiever" class="btn btn-outline" target="_blank"
108 </div> 110 rel="noopener noreferrer">Project's Codeberg page</a>
109 <div class="project-tags"> 111 </div>
110 <span class="project-tag">C++</span> 112 <div class="project-tags">
111 <span class="project-tag">Open Source</span> 113 <span class="project-tag">C++</span>
112 <span class="project-tag">CLI</span> 114 <span class="project-tag">Open Source</span>
113 </div> 115 <span class="project-tag">CLI</span>
114 </div> 116 </div>
115 </div> 117 </div>
116 </div> 118 </div>
117 </section> 119 </div>
120 </section>
118 121
119 <section id="contact" class="contact"> 122 <section id="contact" class="contact">
120 <div class="container"> 123 <div class="container">
121 <div class="contact-content"> 124 <div class="contact-content">
122 <h2 class="section-title">How to contact me</h2> 125 <h2 class="section-title">How to contact me</h2>
126 <div class="contact-methods">
123 <a href="mailto:raisersoft@proton.me" class="btn btn-primary">Email</a> 127 <a href="mailto:raisersoft@proton.me" class="btn btn-primary">Email</a>
128 <a href="resources/public.gpg" class="btn btn-primary" download="salmon_public.asc">GPG Key</a>
124 <a href="https://discord.com/users/1204201769006145556" class="btn btn-primary">Discord</a> 129 <a href="https://discord.com/users/1204201769006145556" class="btn btn-primary">Discord</a>
125 <a href="https://t.me/salmonium" class="btn btn-primary">Telegram</a> 130 <a href="https://t.me/salmonium" class="btn btn-primary">Telegram</a>
126 </div> 131 </div>
127 </div> 132 </div>
128 </section>
129 </main>
130
131 <footer>
132 <div class="container">
133 <p>Designed & Built by Salmon and AI</p>
134 </div> 133 </div>
135 </footer> 134 </section>
136 <script src="js/gradient.js"></script> 135</main>
136
137<footer>
138 <div class="container">
139 <p>Designed & Built by Salmon and AI</p>
140 </div>
141</footer>
142<script src="js/gradient.js"></script>
137</body> 143</body>
138</html> \ No newline at end of file 144</html> \ No newline at end of file