margin: 0;\r
padding: 0;\r
}\r
-html {\r
- font-size: 62.5%;\r
-}\r
body {\r
font-family: Arial, Helvetica, sans-serif;\r
display: flex;\r
align-items: center;\r
}\r
.container {\r
+ width: 90%;\r
+}\r
+.img-ctn {\r
+ display: flex;\r
+ flex-direction: column;\r
+ align-items: center;\r
+}\r
+.content-ctn {\r
text-align: center;\r
}\r
h1 {\r
.links {\r
font-weight: bold;\r
font-size: 1.4rem;\r
+}\r
+footer {\r
+ margin-top: 2rem;\r
}\r
</style>\r
</head>\r
<body>\r
- <img src="assets/images/under-construction-text.gif" width="300">\r
- <img src="assets/images/under-construction.gif" width="250">\r
<div class="container">\r
- <h1>Construction still ongoing!</h1>\r
- <p>A new version of this website will be released soon!</p>\r
+ <div class="img-ctn">\r
+ <img src="assets/images/under-construction-text.gif" width="350">\r
+ <img src="assets/images/under-construction.gif" width="300">\r
+ </div>\r
+ <div class="content-ctn">\r
+ <h1>Construction still ongoing!</h1>\r
+ <p>A new version of this website will be released soon!</p>\r
\r
- <br>\r
+ <br>\r
\r
- <h2>You can check the previous designs of my website here:</h2>\r
- <p class="links">\r
- <a href="https://tenkyuu.dev/legacy/v3/">Version 3 (unfinished)</a> | \r
- <a href="https://tenkyuu.dev/legacy/v2/">Version 2 (dev choice)</a> | \r
- <a href="https://tenkyuu.dev/legacy/v1/">Version 1</a>\r
- </p>\r
+ <h2>You can check the previous designs of my website here:</h2>\r
+
<a href="https://tenkyuu.dev/legacy/v3/">Version 3 (unfinished)</a> |
\r+
<a href="https://tenkyuu.dev/legacy/v2/">Version 2 (dev choice)</a> |
\r+
<a href="https://tenkyuu.dev/legacy/v1/">Version 1</a>
\r+ </p>\r
\r
- <br>\r
- <br>\r
+ <br>\r
+ <br>\r
\r
- <h2>My Projects here:</h2>\r
- <p>Here are some projects I've done using JavaScript!</p>\r
- <p class="links">\r
- <a href="https://tenkyuu.dev/projects/palindrome-checker">Palindrome Checker</a> |\r
- <a href="https://tenkyuu.dev/projects/roman-numeral-converter">Roman Numeral Converter</a>\r
- </p>\r
+ <h2>My Projects here:</h2>\r
+ <p>Here are some projects I've done using JavaScript!</p>\r
+ <p class="links">\r
+ <a href="https://tenkyuu.dev/projects/palindrome-checker">Palindrome Checker</a> |\r
+ <a href="https://tenkyuu.dev/projects/roman-numeral-converter">Roman Numeral Converter</a>\r
+ </p>\r
+ </div>\r
</div>\r
</body>\r
+\r
+<footer>\r
+ <p>© Copyright rain/bocharudo</p>\r
+</footer>\r
</html>
\ No newline at end of file
projects / mysite.git / commitdiff