API tools faq
paste
awhe

"KONATA ZONE" template

awhe
Jul 1st, 2023 (edited)
937
2
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.85 KB | None | 2 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <head>
  3. <meta charset="utf-8" />
  4.  
  5. <!--
  6.  
  7. /// "Konata Zone" template made by awhe @ https://awhe.neocities.org/
  8.  
  9. /// NOTE: Feel free to delete the above credits included in the code. I do not require credit, and I encourage copying from me as much as you'd like. As always: The internet is made for sharing, and so I'm happy to be able to share this with you!
  10.  
  11. /// I've been having a lot of (frustrating) fun using grids for layouts and eventually I ended up with an edited version of this layout for my new index page! I think it looks nice and clean and I hope you have fun with it ! Only downside is it looks weird on firefox unless you zoom out, my bad. You can probably fix that with editing the code a bit, but I don't want to so B-)
  12.  
  13. /// I'm bad at spelling. If you see any spelling errors, no you don't! (I'm sorry, even after checking, I still usually miss something.)
  14.  
  15. ==============================================================
  16.  
  17. -USEFUL INFO-
  18.  
  19. // margin: refers to the space AROUND an element.
  20. // padding: refers to the space INSIDE an element.
  21. // color: refers to TEXT COLOR.
  22. // background: refers to the BACKGROUND COLOR of an element.
  23. // favicon: refers to the tiny image that shows up on your website tab at the top.
  24. // body: refers to the main structure of the site. think of the plain white screen before adding all your code, that's the body.
  25.  
  26. // https://www.w3schools.com/ (This site has all the help you need if you require more assistance.)
  27. // https://codepen.io/ (This site allows live previews of your code, which can be helpful when you're changing parts and still learning.)
  28. // https://awhe.neocities.org/links (Shameless self plug, but I've included many many links here regarding HTML (among other things!) that may prove useful.)
  29. // https://blog.hubspot.com/website/web-safe-html-css-fonts (Displays "web safe fonts" which are fonts that'll adapt to any browser on any device.)
  30. // https://www.w3schools.com/tags/ref_colornames.asp (Shows you the names of colors supported by all browsers!)
  31.  
  32. ==============================================================
  33.  
  34. /// Just a small reminder that:
  35. - You can and you should copy from me if you'd like. I don't care. My url is: https://awhe.neocities.org/
  36. - Credit is always optional, whatever you feel like.
  37. - For a cleaner look, I recommend removing my text additions whenever you feel comfortable to.
  38. - I recommend editing on a live preview, so you can see the immediate effects of any changes you make.
  39. - Have fun! Add, change, edit, etc, whatever you want! The net is yours.
  40.  
  41. -->
  42.  
  43. <title>KONATA ZONE</title>
  44. <!-- remove the text "KONATA ZONE" and replace it with whatever you want to title your site as! it shows up on the tab of your site. -->
  45. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  46. <link rel="icon" type="image/x-icon" href="/">
  47. <!-- remove the "/" here with a url link to your image of choice that you'd like to use as your website "favicon". -->
  48. </head>
  49. <style>
  50.  
  51. /* below is the custom scrollbar, you can delete it if you want to use the default or another custom scrollbar. */
  52. ::-webkit-scrollbar {
  53. width: 15px;
  54. height: 15px;
  55. }
  56.  
  57. /* below is the custom scrollbar, you can delete it if you want to use the default or another custom scrollbar. */
  58. ::-webkit-scrollbar-thumb {
  59. border: 1px solid #000;
  60. }
  61.  
  62. /* below is the custom scrollbar, you can delete it if you want to use the default or another custom scrollbar. */
  63. ::-webkit-scrollbar-button:start:decrement,
  64. ::-webkit-scrollbar-button:end:increment {
  65. height: 15px;
  66. width: 15px;
  67. display: block;
  68. background-repeat: no-repeat;
  69. border: 1px solid #000;
  70. }
  71.  
  72. /* below is the custom scrollbar, you can delete it if you want to use the default or another custom scrollbar. */
  73. ::-webkit-scrollbar-button:vertical:decrement {
  74. background-image: url(data:image/png;base64,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);
  75. }
  76.  
  77. /* below is the custom scrollbar, you can delete it if you want to use the default or another custom scrollbar. */
  78. ::-webkit-scrollbar-button:vertical:increment {
  79. background-image: url(data:image/png;base64,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);
  80. }
  81.  
  82. body {
  83. text-align: center;
  84. font-family: ms gothic, monospace;
  85. -ms-overflow-style: none; /* Internet Explorer 10+ */
  86. scrollbar-width: none; /* Firefox */
  87. }
  88.  
  89. body::-webkit-scrollbar {
  90. display: none; /* Safari and Chrome */
  91. }
  92.  
  93. @font-face {
  94. font-family:'synkopy';
  95. src: url(Synkopy-Regular.otf);
  96. }
  97. /* https://fontesk.com/synkopy-font/ - that's where i downloaded the above font! */
  98.  
  99. span {
  100. font-family:'synkopy';
  101. font-size: 6vh;
  102. }
  103.  
  104. hr {
  105. border: 0;
  106. height: 1px;
  107. background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  108. }
  109.  
  110. ul {
  111. list-style-image: url('https://hoarding.neocities.org/img/favicons/f87.gif');
  112. text-align: left;
  113. }
  114.  
  115. .float {
  116. float:right;
  117. max-width:100px;
  118. }
  119.  
  120. a{
  121. color: #0000EE;
  122. }
  123.  
  124. a:hover{
  125. color: #0000EE;
  126. }
  127.  
  128. .angry-grid {
  129. display: grid;
  130. grid-template-rows: 0.3fr 0.3fr 0.3fr 0.2fr 0.1fr;
  131. grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  132. gap: 1%;
  133. margin: 0 auto;
  134. margin-top: 5%;
  135. width:70%;
  136. position:fixed;
  137. margin-left: 14.5%;
  138. }
  139.  
  140. #header {
  141. border: #000 1px solid;
  142. grid-row-start: 1;
  143. grid-column-start: 2;
  144. grid-row-end: 2;
  145. grid-column-end: 5;
  146. margin-top: 5%;
  147. }
  148.  
  149. #header_img{
  150. width:100%;
  151. height:100%;
  152. object-fit: fill;
  153. background-position: 57% 56%;
  154. background-image:url('https://files.catbox.moe/edynbd.jpg');
  155. /*change the above URL to whatever you want your header image to be*/
  156. }
  157.  
  158. #navbar{
  159. grid-row-start: 2;
  160. grid-column-start: 2;
  161. grid-row-end: 5;
  162. grid-column-end: 3;
  163. padding:5%;
  164. overflow:auto;
  165. border:#000 1px solid;
  166. }
  167.  
  168. #maintop {
  169. grid-row-start: 2;
  170. grid-column-start: 3;
  171. grid-row-end: 3;
  172. grid-column-end: 5;
  173. border:#000 1px solid;
  174. }
  175. #mainbottom {
  176. grid-row-start: 3;
  177. grid-column-start: 3;
  178. grid-row-end: 5;
  179. grid-column-end: 5;
  180. border:#000 1px solid;
  181. overflow: auto;
  182. padding: 2%;
  183. }
  184. </style>
  185.  
  186. <body>
  187.  
  188. <img src="https://files.catbox.moe/blpqd6.png" width="12%" height="auto" style="position:absolute;bottom:0;left:15%;">
  189.  
  190. <span style="position:absolute; z-index:1; top: 10%;left: 29.5%;text-shadow: 2px 2px white;">TITLE HERE</span>
  191.  
  192. <div class="angry-grid">
  193.  
  194. <div id="header">
  195. <div id="header_img">
  196. <marquee style="font-size: 16px; text-shadow: 2px 2px white; background:rgba(255,255,255, 0.9); margin-top: 19%;"><b>latest news:</b> put whatever you'd like here!</marquee>
  197. </div>
  198. </div>
  199.  
  200. <div id="navbar">
  201. <img src="https://files.catbox.moe/u31gib.png"> <span style="font-size: 4vh;">NAV</span> <img src="https://files.catbox.moe/u31gib.png">
  202. <hr>
  203. <i><p style="text-align:left;">main</i> ...→</p>
  204. <ul>
  205. <li><a href="/">LINK 1</a></li>
  206. <img src="https://files.catbox.moe/mqvzbh.gif" class="float">
  207. <!-- this is the floating konata image for the navbar -->
  208. <li><a href="/">LINK 2</a></li>
  209. <li><a href="/">LINK 3</a></li>
  210. <li><a href="/">LINK 4</a></li>
  211. </ul>
  212. <i><p style="text-align:left;">me</i> ...→</p>
  213. <ul>
  214. <li><a href="/">LINK 5</a></li>
  215. <li><a href="/">LINK 6</a></li>
  216. <li><a href="/">LINK 7</a></li>
  217. <li><a href="/">LINK 8</a></li>
  218. </ul>
  219. <i><p style="text-align:left;">you</i> ...→</p>
  220. <ul>
  221. <li><a href="/">LINK 9</a></li>
  222. <img src="https://files.catbox.moe/rn1c2c.gif" class="float">
  223. <!-- this is the rotating pepsi can image for the navbar -->
  224. <li><a href="/">LINK 10</a></li>
  225. <li><a href="/">LINK 11</a></li>
  226. <li><a href="/">LINK 12</a></li>
  227. </ul>
  228. <hr>
  229. <center>
  230. <img src="https://hoarding.neocities.org/img/stamps/m/ss205.png"><br>
  231. <img src="https://hoarding.neocities.org/img/stamps/more/stamp112.png"><br>
  232. <img src="https://hoarding.neocities.org/img/stamps/cooleronline.gif"><br>
  233. <img src="https://hoarding.neocities.org/img/stamps/garfpenis%20(2).png"><br>
  234. <img src="https://hoarding.neocities.org/img/stamps/tumblr_inline_rc7layoCPG1vefsve_500.jpg">
  235. </center>
  236. </div>
  237.  
  238. <div id="maintop">
  239. <span style="font-size: 4vh;">WELCOME</span><br>
  240. <img src="https://hoarding.neocities.org/img/otherpix/s18.gif">
  241. <!-- this is the loading bar gif -->
  242. <br><br>
  243. <table>
  244. <tbody>
  245. <tr>
  246. <td style="padding-right:10px;">
  247. <img src="https://i.pinimg.com/564x/38/e5/ec/38e5ecc62694d4775d79127d00ae2844.jpg" width="100%" style="display:block; margin-left:5%;">
  248. <!-- this is the konata profile pic! replace it with whatever else you'd like to use, or just delete the table and instead use just the <p> tag. -->
  249. </td>
  250. <td>
  251. <p style="font-size: 16px;">hello and welcome to konata zone! i think this layout looks nice with a set theme, not necessarily konata. i use this box as the main main content for my index!</p>
  252. <p style="font-size: 16px;"><strong>extra:</strong> info here. there are a lot of links to the left, but you can add/remove as many as you want. graphics from <a href="https://hoarding.neocities.org/" target="_blank">here</a>!</p>
  253. <p style="font-size: 16px;">just try to keep this section somewhat limited for better sizing. <b>optimized for 1920x1080 chrome.</b> zoom out to 80% for firefox viewing.</p>
  254. </td>
  255. </tr>
  256. </tbody>
  257. </table>
  258. </div>
  259.  
  260. <div id="mainbottom">&nbsp;
  261. <span style="font-size: 2vh;">more space waow!</span><br><br>
  262. <p>for exmaples of what I added to this section, you can look at <a href="https://awhe.neocities.org/" target="_blank">my site</a>, or you can do whatever else you'd like here! it's pretty small, but you can edit the code to make it whatever size you want B-)</p>
  263. <hr>
  264. <span style="font-size: 2vh;">example todo list</span>
  265. <ul>
  266. <li>create more art!</li>
  267. <li>make those noodles i love.</li>
  268. <li>buy salmon...</li>
  269. </ul>
  270. </div>
  271. </div>
  272. </body>
  273. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!