diff options
Diffstat (limited to 'docker/nginx/sites/www/index.html')
| -rw-r--r-- | docker/nginx/sites/www/index.html | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/docker/nginx/sites/www/index.html b/docker/nginx/sites/www/index.html new file mode 100644 index 0000000..03485c5 --- /dev/null +++ b/docker/nginx/sites/www/index.html @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <link rel="icon" href="./favicon.ico" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>crupest</title> +</head> + +<body> + <div class="slogan-container"> + <div class="slogan happy"> + <span class="slogan-text">🙃The world is full of pain, but we can fix it with love!</span> + </div> + <div class="slogan angry"> + <span class="slogan-text">😡The world is a piece of shit, so let's make it a little better!</span> + </div> + </div> + <article id="main-article"> + <img id="avatar" src="./avatar.png" title="my avatar" width="100" height="100"> + <h1 id="title">Hello! This is <span id="title-name">crupest</span>.</h1> + <section> + <p>Welcome to my home page! I'm very glad to meet you here.</p> + <p>If you have something interesting to share with me, feel free to reach me via email at <a class="mono" + href="mailto:crupest@outlook.com">crupest@outlook.com</a> or, of course, <a class="mono" + href="mailto:I@crupest.life">I@crupest.life</a>. You can also fire an issue in + any repo on GitHub. Here is the link to my GitHub profile, <a class="mono" + href="https://github.com/crupest">https://github.com/crupest</a>.</p> + <p>Currently this page is hosted on my own server and my own apex domain (crupest.life). You can also share this + website link, aka, <a class="mono" href="https://crupest.life">https://crupest.life</a>.</p> + </section> + <section> + <h2 id="todos">TODOs of me <span class="h-note">grabbed from <a + href="https://github.com/users/crupest/projects/2">my Github + project</a></span></h2> + <p id="todo-message">Fetching...</p> + <ul id="todo-container"> + </ul> + </section> + <section> + <h2 id="friends">Friends of me:</h2> + <div id="friends-container"> + <a class="friend-link" href="https://wsmcs.cn" target="_blank"> + <img class="friend-img" + src="https://wsmcs.cn/wp-content/uploads/2023/02/BifengxiaPanda_ZH-CN8879969527_UHD-scaled.jpg"> + <span class="friend-name">wsm</span> + </a> + </div> + </section> + <section> + <p>This is just the home page. I also run some other services on my server under this domain:</p> + <p>Public:</p> + <ul> + <li> + https://crupest.life/api: Some APIs written in <a class="mono" + href="https://learn.microsoft.com/en-us/aspnet/core/introduction-to-aspnet-core" target="_blank">ASP.NET + Core</a>. + </li> + <li><a class="mono" href="https://blog.crupest.life" target="_blank">https://blog.crupest.life</a>: My blogs + built with <a class="mono" href="https://gohugo.io" target="_blank">hugo</a>.</li> + <li><a class="mono" href="https://timeline.crupest.life" target="_blank">https://timeline.crupest.life</a>: My + micro-blogs + with + my own web app <a class="mono" href="https://github.com/crupest/Timeline">Timeline</a>.</li> + <li><a href="https://github.crupest.life" target="_blank">https://github.crupest.life</a>: Redirect to my github + profile, aka, <a class="mono" href="https://github.com/crupest">https://github.com/crupest</a>.</li> + </ul> + <p>Private:</p> + <ul> + <li><a class="mono" href="https://code.crupest.life" target="_blank">https://code.crupest.life</a>: Browser + based vscode with + <a class="mono" href="https://github.com/coder/code-server" target="_blank">code-server</a>. + </li> + </ul> + <p>If you wish to deploy similar services like me, you are in the right place. Take a look at <a class="mono" + href="https://github.com/crupest/crupest" target="_blank">https://github.com/crupest/crupest</a> and there is + all you need to start with. Also, contact me if you run into some problem.</p> + </section> + <footer> + <p>That's all of me!</p> + <p>© 2022 crupest</p> + <p> + <a rel="license" href="https://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" + style="border-width:0" src="https://i.creativecommons.org/l/by-nc/4.0/88x31.png" /></a><br />This work is + licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-nc/4.0/">Creative Commons + Attribution-NonCommercial 4.0 International License</a>. + </p> + </footer> + </article> + <script type="module" src="./src/main.ts"></script> +</body> + +</html>
\ No newline at end of file |