lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Blog

Browse Source
This commit is contained in:
Lucas Kent 2022-11-23 17:43:25 -05:00
parent 707fcacc1d
commit 23abceaf2a
9 changed files with 188 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/Blog Files/Images/HelloWorld.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

74
assets/styles/blog.css Normal file
View File

@ -0,0 +1,74 @@
* {
box-sizing: border-box;
}
body {
font-family: Arial;
padding: px;
background: #868686;
}
/* Header/Blog Title */
.header {
padding: 30px;
font-size: 40px;
text-align: center;
background: white;
}
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
margin: auto;
padding: 10px;
float: left;
width: 75%;
}
/* Right column */
.rightcolumn {
float: left;
width: 25%;
padding-left: 20px;
}
/* Fake image */
.fakeimg {
background-color: #aaa;
width: 100%;
}
/* Add a card effect for articles */
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
.image {
max-width: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 */
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0;
}
}

6
assets/styles/navbar.css
View File

@ -3,7 +3,7 @@ ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: #333; background-color: rgb(0, 0, 0);
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
@ -22,11 +22,11 @@ ul {
} }
li a:hover:not(.active) { li a:hover:not(.active) {
background-color: #111; background-color: #080753;
} }
.active { .active {
background-color: #04AA6D; background-color: #1100ff;
} }
body{ body{
margin: 0px; margin: 0px;

2
assets/styles/titillium_web_font.css
View File

@ -16,7 +16,7 @@
} }
p { p {
font-family: 'titillium_webbold', Arial, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-weight:normal; font-weight:normal;
font-style:normal; font-style:normal;
} }

59
blog.html Normal file
View File

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/Base_Favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/Favicons/Base_Favicon/site.webmanifest">
<link rel="mask-icon" href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ff0000">
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css">
<link rel="stylesheet" href="/assets/styles/border.css">
<link rel="stylesheet" href="/assets/styles/button.css">
<link rel="stylesheet" href="/assets/styles/backround.css">
<link rel="stylesheet" href="/assets/styles/noscroll.css">
<link rel="stylesheet" href="/assets/styles/navbar.css">
<link rel="stylesheet" href="/assets/styles/blog.css">
</head>
<body>
<div class="bg"></div>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/sitemap.html">Sitemap</a></li>
<li><a class="active" href="/blog.html">Blog</a></li>
<li><a href="/Contact.html">Contact</a></li>
</ul>
</body>
<body>
<div class="header">
<h2>Blog I guess</h2>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>Hello World</h2>
<h5>First Blog Post, Nov 23, 2022</h5>
<div style="height:300px;"><img class="image" src="/assets/Blog Files/Images/HelloWorld.png" alt=""></div>
<p>This Blog will have update notes and other things.</p>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<p>I like playing Bloons Tower Defense and coding</p>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>Nothing Here Yet</p>
</div>
</div>
</div>
<div class="footer">
<h2>No Footer Yet</h2>
</div>
</body>
</html>

29
contact.html Normal file
View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>Contact Us</title>
<link rel="apple-touch-icon" sizes="180x180" href="/assets/Favicons/Base_Favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/Favicons/Base_Favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/Favicons/Base_Favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/Favicons/Base_Favicon/site.webmanifest">
<link rel="mask-icon" href="/assets/Favicons/Base_Favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ff0000">
<link rel="stylesheet" href="/assets/styles/titillium_web_font.css">
<link rel="stylesheet" href="/assets/styles/border.css">
<link rel="stylesheet" href="/assets/styles/button.css">
<link rel="stylesheet" href="/assets/styles/backround.css">
<link rel="stylesheet" href="/assets/styles/noscroll.css">
<link rel="stylesheet" href="/assets/styles/navbar.css">
<link rel="stylesheet" href="/assets/styles/blog.css">
</head>
<body>
<div class="bg"></div>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/sitemap.html">Sitemap</a></li>
<li><a href="/blog.html">Blog</a></li>
<li><a class="active" href="/Contact.html">Contact</a></li>
</ul>
</body>
</html>

8
index.html
View File

@ -15,21 +15,21 @@
<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">
lin <link rel="stylesheet" href="/assets/styles/blog.css">
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<ul> <ul>
<li><a class="active" href="/">Home</a></li> <li><a class="active" href="/">Home</a></li>
<li><a href="/sitemap.html">Sitemap</a></li> <li><a href="/sitemap.html">Sitemap</a></li>
<li><a href="/404.html">WIP</a></li> <li><a href="/blog.html">Blog</a></li>
<li><a href="/404.html">WIP</a></li> <li><a href="/contact.html">Contact</a></li>
</ul> </ul>
<br> <br>
<br> <br>
<br> <br>
&nbsp; &nbsp;
<img src="/assets/imgs/zuck.jpg" alt="Mark Zuckerberg" style="width:300px;height:300px;" srcset="" class="broider"> <img src="/assets/imgs/zuck.jpg" alt="Geometry Tools Ga" style="width:300px;height:300px;" srcset="" class="broider">
<p class="double">&nbsp; &nbsp;Welcome to my Website.</p> <p class="double">&nbsp; &nbsp;Welcome to my Website.</p>
<a hidden href='/index.html'><button class="button">Home</button></a> <a hidden href='/index.html'><button class="button">Home</button></a>
<a hidden href='/sitemap.html'><button class="button">Sitemap</button></a> <a hidden href='/sitemap.html'><button class="button">Sitemap</button></a>

10
sitemap.html
View File

@ -15,16 +15,20 @@
<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/blog.css">
</head> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
<li><a class="active" href="/sitemap.html">Sitemap</a></li> <li><a class="active" href="/sitemap.html">Sitemap</a></li>
<li><a href="/404.html">WIP</a></li> <li><a href="/blog.html">Blog</a></li>
<li><a href="/404.html">WIP</a></li> <li><a href="/contact.html">Contact</a></li>
</ul> </ul>
<p>Click an image to go to its corresponding page.</p> <br>
<br>
<br>
<p style="text-align: center;">Click an image to go to its corresponding page.</p>
<br> <br>
&nbsp; &nbsp;
&nbsp; &nbsp;

27
test.html
View File

@ -1,27 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<h1>Pdf Test</h1>
<div>
<iframe src="/assets/pdfs/compressed.tracemonkey-pldi-09.pdf#toolbar=0"></iframe>
</div>
</body>
<style>
*{
margin:0;
padding:0;
}
iframe{
height: 11in;
width: 8.5in;
border:none;
display:block;
margin: auto;
}
h1 {text-align: center;}
</style>
</html>