This commit is contained in:
Lucas Kent 2023-01-04 15:23:11 -05:00 committed by GitHub
parent 7f6d054c76
commit be6982d263
9 changed files with 41 additions and 68 deletions

View File

@ -1,16 +0,0 @@
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 14, 2022 */
@font-face {
font-family: 'jetbrains_monoregular';
src: url('/assets/styles/Font/jetbrainsmono-regular-webfont.woff2') format('woff2'),
url('/assets/styles/Font/jetbrainsmono-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: jetbrains_monoregular;
}

View File

@ -1,9 +1,3 @@
body {
background-color: #868686;
margin: 0;
overflow-x: hidden;
}
.bg { .bg {
position: fixed; position: fixed;
top: -50%; top: -50%;

View File

@ -1,5 +0,0 @@
.broider {
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
border-width: 28px;
border-style: solid;
}

View File

@ -1,19 +0,0 @@
#page-container {
position: relative;
min-height: 100vh;
}
#content-wrap {
padding-bottom: 2.5rem;
}
#footer {
padding: 20px;
text-align: center;
background: rgb(221, 221, 221);
margin-top: 20px;
position: absolute;
bottom: 0;
width: 100%;
font-size: 11px;
}

View File

@ -2,7 +2,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* Header/Blog Title */
.header { .header {
padding: 30px; padding: 30px;
font-size: 40px; font-size: 40px;
@ -13,10 +12,11 @@
body { body {
padding: px; padding: px;
background: #868686; background: #868686;
margin: 0;
overflow-x: hidden;
font-family: jetbrains_monoregular;
} }
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn { .leftcolumn {
margin: auto; margin: auto;
padding: 10px; padding: 10px;
@ -24,27 +24,23 @@ body {
width: 75%; width: 75%;
} }
/* Right column */
.rightcolumn { .rightcolumn {
float: left; float: left;
width: 25%; width: 25%;
padding-left: 20px; padding-left: 20px;
} }
/* Fake image */
.fakeimg { .fakeimg {
background-color: #aaa; background-color: #aaa;
width: 100%; width: 100%;
} }
/* Add a card effect for articles */
.card { .card {
background-color: white; background-color: white;
padding: 20px; padding: 20px;
margin-top: 20px; margin-top: 20px;
} }
/* Clear floats after the columns */
.row:after { .row:after {
content: ""; content: "";
display: table; display: table;
@ -56,7 +52,32 @@ body {
max-height: 100%; max-height: 100%;
} }
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */ .borderimg {
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
border-width: 28px;
border-style: solid;
}
#page-container {
position: relative;
min-height: 100vh;
}
#content-wrap {
padding-bottom: 2.5rem;
}
#footer {
padding: 20px;
text-align: center;
background: rgb(221, 221, 221);
margin-top: 20px;
position: absolute;
bottom: 0;
width: 100%;
font-size: 11px;
}
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.leftcolumn, .leftcolumn,
@ -65,3 +86,12 @@ body {
padding: 0; padding: 0;
} }
} }
@font-face {
font-family: 'jetbrains_monoregular';
src: url('/assets/styles/Font/jetbrainsmono-regular-webfont.woff2') format('woff2'),
url('/assets/styles/Font/jetbrainsmono-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

View File

@ -30,14 +30,11 @@
/> />
<meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" /> <meta name="theme-color" content="#ff0000" />
<link rel="stylesheet" href="/assets/styles/border.css" />
<link rel="stylesheet" href="/assets/styles/button.css" /> <link rel="stylesheet" href="/assets/styles/button.css" />
<link rel="stylesheet" href="/assets/styles/backround.css" /> <link rel="stylesheet" href="/assets/styles/backround.css" />
<link rel="stylesheet" href="/assets/styles/noscroll.css" /> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" /> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="stylesheet" href="/assets/styles/Font.css" />
<link rel="stylesheet" href="/assets/styles/footer.css" />
</head> </head>
<body> <body>
<div id="page-container"> <div id="page-container">

View File

@ -30,14 +30,11 @@
/> />
<meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" /> <meta name="theme-color" content="#ff0000" />
<link rel="stylesheet" href="/assets/styles/border.css" />
<link rel="stylesheet" href="/assets/styles/button.css" /> <link rel="stylesheet" href="/assets/styles/button.css" />
<link rel="stylesheet" href="/assets/styles/backround.css" /> <link rel="stylesheet" href="/assets/styles/backround.css" />
<link rel="stylesheet" href="/assets/styles/noscroll.css" /> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" /> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="stylesheet" href="/assets/styles/Font.css" />
<link rel="stylesheet" href="/assets/styles/footer.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head> </head>
<body> <body>
@ -56,10 +53,10 @@
&nbsp; &nbsp;
<img <img
src="/assets/imgs/zuck.jpg" src="/assets/imgs/zuck.jpg"
alt="Geometry Tools Ga" alt="zuck"
style="width:300px;height:300px;" style="width:300px;height:300px;"
srcset="" srcset=""
class="broider" class="borderimg"
/> />
<p class="double"><span class="auto-type"></span></p> <p class="double"><span class="auto-type"></span></p>
</div> </div>

View File

@ -30,14 +30,11 @@
/> />
<meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" /> <meta name="theme-color" content="#ff0000" />
<link rel="stylesheet" href="/assets/styles/border.css" />
<link rel="stylesheet" href="/assets/styles/button.css" /> <link rel="stylesheet" href="/assets/styles/button.css" />
<link rel="stylesheet" href="/assets/styles/backround.css" /> <link rel="stylesheet" href="/assets/styles/backround.css" />
<link rel="stylesheet" href="/assets/styles/noscroll.css" /> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" /> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="stylesheet" href="/assets/styles/Font.css" />
<link rel="stylesheet" href="/assets/styles/footer.css">
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>

View File

@ -30,13 +30,11 @@
/> />
<meta name="msapplication-TileColor" content="#da532c" /> <meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ff0000" /> <meta name="theme-color" content="#ff0000" />
<link rel="stylesheet" href="/assets/styles/border.css" />
<link rel="stylesheet" href="/assets/styles/button.css" /> <link rel="stylesheet" href="/assets/styles/button.css" />
<link rel="stylesheet" href="/assets/styles/backround.css" /> <link rel="stylesheet" href="/assets/styles/backround.css" />
<link rel="stylesheet" href="/assets/styles/noscroll.css" /> <link rel="stylesheet" href="/assets/styles/noscroll.css" />
<link rel="stylesheet" href="/assets/styles/navbar.css" /> <link rel="stylesheet" href="/assets/styles/navbar.css" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="stylesheet" href="/assets/styles/Font.css" />
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>