diff --git a/blog-post.html b/blog-post.html new file mode 100644 index 0000000..1c52eb0 --- /dev/null +++ b/blog-post.html @@ -0,0 +1,236 @@ + + + + + + + + + +
+ +
+
+
+
+
+

23

+

JAN

+
+
+

Some Kind of Latin Title

+ Posted by admin in Journal, Photography, Web Design, | 9 Comments +
+
+
+ High-five for business +

Next is a bunch of text, so I'm just going to find something to copy and paste. I'll just grab one of the featured articles on Wikipedia today. That should work fine.

+

World Toilet Day (WTD) is an official United Nations international observance day on 19 November to inspire action to tackle the global sanitation crisis.[1][2] Worldwide, 4.2 billion people live without "safely managed sanitation" and around 673 million people practice open defecation.[3]:74 Sustainable Development Goal 6 aims to "Ensure availability and sustainable management of water and sanitation for all".[4] In particular, target 6.2 is to "End open defecation and provide access to sanitation and hygiene)". When the Sustainable Development Goals Report 2020 was published, United Nations Secretary-General António Guterres said, “Today, Sustainable Development Goal 6 is badly off track" and it “is hindering progress on the 2030 Agenda, the realization of human rights and the achievement of peace and security around the world".[5]

+

World Toilet Day exists to inform, engage and inspire people to take action toward achieving this goal. The UN General Assembly declared World Toilet Day an official UN day in 2013, after Singapore had tabled the resolution (its first resolution before the UN's General Assembly of 193 member states).[6][7] Prior to that, World Toilet Day had been established unofficially by the World Toilet Organization (a Singapore-based NGO) in 2001.

+
+
+

Related Posts

+
+
+ Horse vs Horseman +
+
+ Cats Doing Things +
+
+ Dinos +
+
+ 2020 Mood +
+
+
+
+

2 Responses to "Some Kind of Latin Title"

+
+
+ Racoons need Wifi too +
+
+ Sunglasses Raccoon + This is a comment on this article. This raccoon has a lot to say about the topic, I guess. I'm sure it's a very thoughtful and constructive comment. +
+
+
+
+ A real 80's freeze-frame moment +
+
+ Jumping Businessman + This is a response to the previous comment. Please be curtious when commmenting online and try not to spend too much time arguing. +
+
+
+
+

Submit a Comment

+

Your email address will not be published. Required fields are marked *

+
+
+
+ + +
+
+
+
+

POPULAR POSTS

+
+
+
+ Where'd this paper come from? +
+
+
+
This is a Popular Post
+

15 Nov, 2020

+
+
+
+
+
+
+
+ The Melon Man +
+
+
+
Another One Here
+

08 Nov, 2020

+
+
+
+
+
+
+
+ WTF +
+
+
+
Yet Another Post
+

03 Nov, 2020

+
+
+
+
+
+
+

SEARCH

+ +
+
+

CUSTOM TEXT

+

Down here are a couple paragraphs of text of some kind. I'm just going to write whatever I feel like here. Better make it long enough to fill out some space.

+

Gonna add a second paragraph here to make it look more filled out. Yeah, this looks good.

+
+
+
+ + + \ No newline at end of file diff --git a/images/closeup-photo-amazing-short-hairdo-600w-1617540484.webp b/images/closeup-photo-amazing-short-hairdo-600w-1617540484.webp new file mode 100644 index 0000000..f92b6da Binary files /dev/null and b/images/closeup-photo-amazing-short-hairdo-600w-1617540484.webp differ diff --git a/images/fat-man-retro-swimsuit-jumps-600w-276334883.webp b/images/fat-man-retro-swimsuit-jumps-600w-276334883.webp new file mode 100644 index 0000000..acc8208 Binary files /dev/null and b/images/fat-man-retro-swimsuit-jumps-600w-276334883.webp differ diff --git a/images/forgetful-caucasian-woman-covered-paper-600w-281497085.webp b/images/forgetful-caucasian-woman-covered-paper-600w-281497085.webp new file mode 100644 index 0000000..198e909 Binary files /dev/null and b/images/forgetful-caucasian-woman-covered-paper-600w-281497085.webp differ diff --git a/images/funny-cats-self-picture-selfie-600w-302691488.webp b/images/funny-cats-self-picture-selfie-600w-302691488.webp new file mode 100644 index 0000000..2bfe553 Binary files /dev/null and b/images/funny-cats-self-picture-selfie-600w-302691488.webp differ diff --git a/images/funny-cheerful-businessman-jumping-air-600w-285495524.webp b/images/funny-cheerful-businessman-jumping-air-600w-285495524.webp new file mode 100644 index 0000000..f762559 Binary files /dev/null and b/images/funny-cheerful-businessman-jumping-air-600w-285495524.webp differ diff --git a/images/funny-man-watermelon-helmet-googles-600w-157354478.webp b/images/funny-man-watermelon-helmet-googles-600w-157354478.webp new file mode 100644 index 0000000..2fdb1de Binary files /dev/null and b/images/funny-man-watermelon-helmet-googles-600w-157354478.webp differ diff --git a/images/funny-picture-toy-dinosaur-eating-600w-149662892.webp b/images/funny-picture-toy-dinosaur-eating-600w-149662892.webp new file mode 100644 index 0000000..3710d66 Binary files /dev/null and b/images/funny-picture-toy-dinosaur-eating-600w-149662892.webp differ diff --git a/images/funny-portrait-hero-600w-410898763.webp b/images/funny-portrait-hero-600w-410898763.webp new file mode 100644 index 0000000..1e3287c Binary files /dev/null and b/images/funny-portrait-hero-600w-410898763.webp differ diff --git a/images/grandmother-portrait-set-studio-concepts-600w-797669914.webp b/images/grandmother-portrait-set-studio-concepts-600w-797669914.webp new file mode 100644 index 0000000..6841cb8 Binary files /dev/null and b/images/grandmother-portrait-set-studio-concepts-600w-797669914.webp differ diff --git a/images/happy-new-year-holly-jolly-600w-1757264318.webp b/images/happy-new-year-holly-jolly-600w-1757264318.webp new file mode 100644 index 0000000..44f52ad Binary files /dev/null and b/images/happy-new-year-holly-jolly-600w-1757264318.webp differ diff --git a/images/headshot-funny-emotional-young-bearded-600w-678361804.webp b/images/headshot-funny-emotional-young-bearded-600w-678361804.webp new file mode 100644 index 0000000..50127c9 Binary files /dev/null and b/images/headshot-funny-emotional-young-bearded-600w-678361804.webp differ diff --git a/images/little-happy-cute-boy-eating-600w-632097335.webp b/images/little-happy-cute-boy-eating-600w-632097335.webp new file mode 100644 index 0000000..41cc378 Binary files /dev/null and b/images/little-happy-cute-boy-eating-600w-632097335.webp differ diff --git a/images/man-mohawk-beard-iscription-isolated-600w-312285623.jpg b/images/man-mohawk-beard-iscription-isolated-600w-312285623.jpg new file mode 100644 index 0000000..813ec2b Binary files /dev/null and b/images/man-mohawk-beard-iscription-isolated-600w-312285623.jpg differ diff --git a/images/multiethnic-business-people-sitting-desk-600w-1289836288.webp b/images/multiethnic-business-people-sitting-desk-600w-1289836288.webp new file mode 100644 index 0000000..84a59bc Binary files /dev/null and b/images/multiethnic-business-people-sitting-desk-600w-1289836288.webp differ diff --git a/images/picture-woman-sleeping-work-funny-600w-143823979.webp b/images/picture-woman-sleeping-work-funny-600w-143823979.webp new file mode 100644 index 0000000..caf4dd9 Binary files /dev/null and b/images/picture-woman-sleeping-work-funny-600w-143823979.webp differ diff --git a/images/portrait-funny-beautiful-white-caucasian-260nw-795401203.webp b/images/portrait-funny-beautiful-white-caucasian-260nw-795401203.webp new file mode 100644 index 0000000..c7187f2 Binary files /dev/null and b/images/portrait-funny-beautiful-white-caucasian-260nw-795401203.webp differ diff --git a/images/portrait-funny-raccoon-sunglasses-showing-600w-1175117491.jpg b/images/portrait-funny-raccoon-sunglasses-showing-600w-1175117491.jpg new file mode 100644 index 0000000..b71a95b Binary files /dev/null and b/images/portrait-funny-raccoon-sunglasses-showing-600w-1175117491.jpg differ diff --git a/images/thoughtful-pug-dog-man-hands-600w-404976406.webp b/images/thoughtful-pug-dog-man-hands-600w-404976406.webp new file mode 100644 index 0000000..d0f4542 Binary files /dev/null and b/images/thoughtful-pug-dog-man-hands-600w-404976406.webp differ diff --git a/images/wooden-centaur-pegasus-dolls-against-600w-650409721.jpg b/images/wooden-centaur-pegasus-dolls-against-600w-650409721.jpg new file mode 100644 index 0000000..ede2382 Binary files /dev/null and b/images/wooden-centaur-pegasus-dolls-against-600w-650409721.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..3b44c84 --- /dev/null +++ b/index.html @@ -0,0 +1,315 @@ + + + + + + + + + +
+ +
+
+
+
+
+ Holding out for a hero. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 17 November 2020 + + + + + + 16 + +
+
+
+
+
+ Festive holiday beard. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 12 November 2020 + + + + + + 18 + +
+
+
+
+
+ Pug doing things. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 09 November 2020 + + + + + + 6 + +
+
+
+
+
+
+
+ Leaves for eyes. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + + 07 November 2020 + + + + + + 12 + +
+
+
+
+
+ Something smells fishy here. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 03 November 2020 + + + + + + 17 + +
+
+
+
+
+ Grandma's ready to party. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 31 October 2020 + + + + + + 13 + +
+
+
+
+
+
+
+ Just some lady. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 29 October 2020 + + + + + + 7 + +
+
+
+
+
+ Mmmm... donuts. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 25 October 2020 + + + + + + 22 + +
+
+
+
+
+ Ready to dive in. +
+
This is the Title of the Card
+

This is just filler text. I'm not sure what to write here, but I want it to look kind of like the one in the example. They're all the same, so no need to read the others.

+ + + + + 20 October 2020 + + + + + + 25 + +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/styles/blog-post.css b/styles/blog-post.css new file mode 100644 index 0000000..efa9cc4 --- /dev/null +++ b/styles/blog-post.css @@ -0,0 +1,142 @@ +.navbar-brand { + margin: 0 0 0 10%; + font-family: "Courier New", Courier, monospace; + font-size: xx-large; +} + +.mainPost { + text-align: left; + margin: 0 3% 2% 10%; +} + +#mainDate { + background-color: lightgray; + text-align: center; + border-radius: 50%; + font-family: Arial, Helvetica, sans-serif; +} + +#mainNum { + font-size: x-large; +} + +.bottomBorder { + border-bottom-style: dashed; + border-color: lightgray; +} + +.mainImage { + width: 95%; +} + +.imgRel { + width: 100%; + max-height: 100px; + min-width: 100px; + margin: 5% 2% +} + +.commentBubble { + background-color: rgb(238, 236, 236); +} + +.submitComment { + width: 100%; + border-color: rgb(235, 235, 235); +} + +.sideColumn { + border-left-style: solid; + border-left-color: lightgray; +} + +h1 { + font-size: large; + text-align: left; + font-family: "Arial Black", sans-serif; +} + +h2 { + font-size: small; + font-family: "Arial Black", Helvetica, sans-serif; +} + +h3 { + font-size: medium; + font-family: "Arial Black", Helvetica, sans-serif; +} + +.card { + border-color: white; +} + +.card-img { + width: 100%; + min-width: 70px; +} + +.card-title { + font-size: small; +} + +#searchBar { + border-color: lightgray; + width: 80%; +} + +button { + background-color: rgb(110, 172, 187); +} + +footer { + text-align: left; + font-size: small; +} + +.bottomArea { + background-color: rgb(71, 71, 71); +} + +.fa { + padding: 2px; + font-size: 16px; + width: 25px; + height: 25px; + text-align: center; + text-decoration: none; + margin: 5px 2px; +} + +.fa:hover { + opacity: 0.7; +} + +.fa-facebook { + background: #3B5998; + color: white; +} + +.fa-twitter { + background: #55ACEE; + color: white; +} + +.fa-linkedin { + background: #007bb5; + color: white; +} + +.fa-pinterest { + background: #cb2027; + color: white; +} + +.fa-dribbble { + background: #ea4c89; + color: white; +} + +.fa-rss { + background: #ff6600; + color: white; +} \ No newline at end of file diff --git a/styles/blog.css b/styles/blog.css new file mode 100644 index 0000000..3ea46ac --- /dev/null +++ b/styles/blog.css @@ -0,0 +1,72 @@ +.navbar-brand { + margin: 0 0 0 10%; + font-family: "Courier New", Courier, monospace; + font-size: xx-large; +} + +.bottomBorder { + border-bottom-style: dashed; + border-color: lightgray; +} + +h3 { + font-size: medium; + font-family: "Arial Black", Helvetica, sans-serif; +} + +button { + background-color: rgb(110, 172, 187); +} + +footer { + text-align: left; + font-size: small; +} + +.bottomArea { + background-color: rgb(71, 71, 71); +} + +.fa { + padding: 2px; + font-size: 16px; + width: 25px; + height: 25px; + text-align: center; + text-decoration: none; + margin: 5px 2px; +} + +.fa:hover { + opacity: 0.7; +} + +.fa-facebook { + background: #3B5998; + color: white; +} + +.fa-twitter { + background: #55ACEE; + color: white; +} + +.fa-linkedin { + background: #007bb5; + color: white; +} + +.fa-pinterest { + background: #cb2027; + color: white; +} + +.fa-dribbble { + background: #ea4c89; + color: white; +} + +.fa-rss { + background: #ff6600; + color: white; +} \ No newline at end of file