<link rel="stylesheet" href="/style.css">
</head>
<body>
- <div id="main-div">
- <header>
- <div></div>
- <div id="header-middle">
- <h1><a href="/">jxnshi.xyz</a></h1>
- <div class="isle">
- <div>
- <h2 id="projects-title">Projects</h2>
- <ul>
- <li><a href="/books">books</a></li>
- <li><a href="/repos" target="_blank">repos</a></li>
- </ul>
- </div>
+ <header>
+ <div></div>
+ <div id="header-middle">
+ <h1><a href="/">jxnshi.xyz</a></h1>
+ <div class="isle">
+ <div>
+ <h2 id="projects-title">Projects</h2>
+ <ul>
+ <li><a href="/books">books</a></li>
+ <li><a href="/repos" target="_blank">repos</a></li>
+ </ul>
</div>
</div>
- <img id="lain-pic" src="/lain.png" alt="Lain" width="150" height="150">
- </header>
- <div id="content-div">
- <div>
- {s}
- </div>
+ </div>
+ <img id="lain-pic" src="/lain.png" alt="Lain" width="150" height="150">
+ </header>
+ <div id="content-div">
+ <div>
+ {s}
</div>
</div>
</body>
body {
display: flex;
- justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ gap: 20px;
+
background-color: black;
background-image: url("/background.png");
background-size: 100% 1000px;
+
padding-bottom: 20px;
padding-top: 20px;
+
+ width: 100%;
}
header {
list-style: none;
}
-#main-div {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 20px;
- width: 100%;
-}
-
#content-div {
display: flex;
flex-direction: column;
padding: 10px;
border: 2px solid white;
}
+
+/* Gitweb */
+.page_header {
+ display: flex;
+ gap: 5px;
+}
+
+.project_list,
+.page_body,
+.page_body > .tree,
+.history,
+.projects_list,
+.shortlog,
+.heads
+{
+ background-color: black;
+ padding: 20px 100px;
+ width: 100%;
+}