Skip to content

Commit

Permalink
made changes to css
Browse files Browse the repository at this point in the history
  • Loading branch information
minlu21 committed Jun 27, 2024
1 parent 36f4002 commit 8e1a7d3
Show file tree
Hide file tree
Showing 26 changed files with 1,209 additions and 4 deletions.
48 changes: 48 additions & 0 deletions public/categories/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en-us" dir="ltr">

<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Categories | Min Lu</title>

<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/styles.css">
<link rel="stylesheet" href="../css/cv.css">
<link rel="stylesheet" href="../css/projects.css">
<link rel="stylesheet" href="../css/single-container.css">

<script src="../js/main.js"></script>


</head>

<body>
<div class="navbar">
<header>
<h1><a href="../">Min Lu</a></h1>
</header>
<nav>
<a href="../cv">Curriculum vitae</a>
<a href="../projects">Projects</a>
<a href="../notes">Study Notes</a>
<a href="../writeups">Writeups</a>
</nav>
</div>
<div class="container">
<main>

<h1>Categories</h1>



</main>
</div>
<footer>
<p>Copyright 2024. All rights reserved.</p>

</footer>

</body>

</html>
11 changes: 11 additions & 0 deletions public/categories/index.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on Min Lu</title>
<link>//localhost:1313/categories/</link>
<description>Recent content in Categories on Min Lu</description>
<generator>Hugo</generator>
<language>en-us</language>
<atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
10 changes: 10 additions & 0 deletions public/categories/page/1/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>//localhost:1313/categories/</title>
<link rel="canonical" href="//localhost:1313/categories/">
<meta name="robots" content="noindex">
<meta charset="utf-8">
<meta http-equiv="refresh" content="0; url=//localhost:1313/categories/">
</head>
</html>
57 changes: 57 additions & 0 deletions public/css/cv.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
.cv-container>h1 {
font-size: 24px;
margin-bottom: 1%;
border-bottom: 1px solid black;
}

.cv-container>section {
margin-bottom: 2%;
}

.cv-container>section>h3 {
font-weight: 100;
text-decoration: underline;
margin-bottom: -1%;
}

.cv-container>section>ul>li {
font-size: 14px;
}

table,
.table th,
.table td {
width: 100%;
text-align: left;
padding: 0;
margin: -0.25%;
}

table {
margin-top: 1%;
}

th.first {
padding: 0;
margin: 0;
}

td.first {
color: green;
padding: 0;
margin: 0;
font-size: 14px;
}

th.second {
text-align: right;
margin: 0;
padding: 0;
}

td.second {
padding: 0;
margin: 0;
text-align: right;
font-size: 14px;
}
30 changes: 30 additions & 0 deletions public/css/projects.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
.proj-list-section {
padding: 1% 0;
margin: 0;
}

.proj-list-section>h2>a {
text-decoration: none;
color: black;
font-weight: 500;
font-size: 18px;
}

.proj-list-section>h2>a:hover {
color: green;
}

.proj-desc {
display: flex;
flex-direction: horizontal;
justify-content: space-between;
}

.proj-desc>p {
width: 75%;
}

.proj-desc>img {
width: 25%;
text-align: right;
}
67 changes: 67 additions & 0 deletions public/css/reset.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
/* body {
color: #222;
font-family: sans-serif;
line-height: 1.5;
margin: 1rem;
max-width: 768px;
}
header {
border-bottom: 1px solid #222;
margin-bottom: 1rem;
}
footer {
border-top: 1px solid #222;
margin-top: 1rem;
}
a {
color: #00e;
text-decoration: none;
} */

*,
*::before,
*::after {
box-sizing: border-box;
}

html {
height: 100%;
}

* {
margin: 0;
}

body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}

input,
button,
textarea,
select {
font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
127 changes: 127 additions & 0 deletions public/css/single-container.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
.single-container>h2 {
color: green;
padding-top: 1%;
/* padding-bottom: 0.5px; */
border-bottom: 1px solid green;
}

.single-container>h3,
.single-container>h4,
.single-container>h5,
.single-container>h6 {
color: lightslategray;
padding-top: 1%;
}

.single-container>h4,
.single-container>h5,
.single-container>h6 {
font-weight: 500;
}

.single-container>p {
margin-top: 1%;
margin-bottom: 1%;
}

.highlight {
width: inherit;
margin: 0;
padding: 0;
}

.highlight>pre {
width: 90%;
padding: 5px;
margin: 0 auto;
}

.highlight>pre>code>span>span {
width: inherit;
text-wrap: wrap;
}

.single-container>div {
margin-top: 2.5%;
}

.single-container>div {
display: flex;
flex-direction: horizontal;
}

.single-container>div>div {
font-weight: bold;
}

.single-container>div>ul {
margin-left: 1%;
padding: 0;
width: 100%;
}

.single-container>div>ul>li {
display: inline-block;
padding: 0 0.5%;
}

.single-container>div>ul>li>a {
background-color: rgb(203, 210, 216);
text-decoration: none;
color: black;
border-radius: 15%;
padding: 0 5px;
}

.single-container>div>ul>li>a:hover {
color: green;
background-color: rgb(233, 232, 232);
}

#TableOfContents {
margin-left: 20px;
}

.toc {
color: gray;
margin-top: 1%;
font-weight: lighter;
}

#TableOfContents>ul>li,
#TableOfContents>ul>li>ul>li {
list-style-type: none;
padding: 0;
margin: 0;
}

#TableOfContents>ul {
margin: 0;
padding: 0;
}

#TableOfContents>ul>li>ul {
padding: 0 5px;
margin-left: 5px;
border-left: 1px solid gray;
}

#TableOfContents>ul>li>a,
#TableOfContents>ul>li>ul>li>a {
text-decoration: none;
}

#TableOfContents>ul>li>a {
color: black;
font-size: 16px;
}

#TableOfContents>ul>li>ul>li>a {
color: gray;
font-size: 14px;
}

#TableOfContents>ul>li>a:hover,
#TableOfContents>ul>li>ul>li>a:hover {
color: green;
}
Loading

0 comments on commit 8e1a7d3

Please sign in to comment.