diff options
| author | crupest <crupest@outlook.com> | 2023-02-15 21:20:44 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-02-15 21:20:44 +0800 |
| commit | 0ba100f1b7be1f8c7743cf69550e0ec5f8a8f2d8 (patch) | |
| tree | cbda19dbe887ff029b37bf8b7b5c12cd2b8a53b2 | |
| parent | 7d60c4f80fbce44dae40fabfbf52ddf9d2a1b1ed (diff) | |
| download | crupest-0ba100f1b7be1f8c7743cf69550e0ec5f8a8f2d8.tar.gz crupest-0ba100f1b7be1f8c7743cf69550e0ec5f8a8f2d8.tar.bz2 crupest-0ba100f1b7be1f8c7743cf69550e0ec5f8a8f2d8.zip | |
Update www page.
| -rw-r--r-- | docker/crupest-nginx/sites/www/index.html | 15 | ||||
| -rw-r--r-- | docker/crupest-nginx/sites/www/src/style.css | 27 |
2 files changed, 39 insertions, 3 deletions
diff --git a/docker/crupest-nginx/sites/www/index.html b/docker/crupest-nginx/sites/www/index.html index 9e15080..977b5f1 100644 --- a/docker/crupest-nginx/sites/www/index.html +++ b/docker/crupest-nginx/sites/www/index.html @@ -11,10 +11,11 @@ <body> <div id="color-strip-container"></div> + <div id="slogan">The world is full of pain, but we can fix it with love!</div> <article id="main-article"> <iframe id="music-163" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=30064146&auto=1&height=66"></iframe> - <h1>This is crupest.</h1> + <h1 id="title">This is crupest.</h1> <p>Welcome To crupest Home!🏠</p> <p>I'm very glad to meet you in this page. This is my new home.</p> <p>Feel free to contact by email at crupest@outlook.com or, of course I@crupest.life . You can also file an issue in @@ -51,7 +52,15 @@ you build from start. I don't fully test it because I never migrate my data into other server so it might be kind of buggy. However, it always takes some time to make it your own sites. But don't worry and feel free to contact me if you run into any issue and I would be glad to help you out.</p> - <h2>TODOs of me:</h2> + <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> + <h2 id="todos">TODOs of me:</h2> <p id="todo-message">Fetching...</p> <ul id="todo-container"> </ul> @@ -69,4 +78,4 @@ <script type="module" src="/src/main.js"></script> </body> -</html>
\ No newline at end of file +</html> diff --git a/docker/crupest-nginx/sites/www/src/style.css b/docker/crupest-nginx/sites/www/src/style.css index 518f44a..528260e 100644 --- a/docker/crupest-nginx/sites/www/src/style.css +++ b/docker/crupest-nginx/sites/www/src/style.css @@ -42,3 +42,30 @@ body { text-align: center; color: white; } + +#slogan { + height: 36px; + line-height: 36px; + text-align: center; + background-color: dodgerblue; + font-size: 1.2em; + color: white; +} + +.friend-link { + display: inline-block; +} + +.friend-img { + display: block; + width: 80px; + height: 80px; + object-fit: cover; + border-radius: 50%; +} + +.friend-name { + display: block; + text-align: center; + font-size: 1.2em; +} |