From 64b44a426b9719156614b7f3705c33d695bc6f42 Mon Sep 17 00:00:00 2001 From: mspicola Date: Thu, 2 Sep 2021 16:42:17 -0400 Subject: [PATCH 1/3] initial classwork --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index d01f779ff..b3bbe8d62 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ Document + From 78bd278b79b0babf08d319f50fd3745af47b5325 Mon Sep 17 00:00:00 2001 From: mspicola Date: Fri, 3 Sep 2021 02:04:13 -0400 Subject: [PATCH 2/3] retouched and repushed, realized didn't go through earlier --- index.html | 58 +++++++++++++++++++++++++++++++++++++++-- style/index.css | 69 ++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 124 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index b3bbe8d62..5477f1800 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,66 @@ + + + Document - + - +
+ +
+
+ +
+
+
+
+ +

These

+
+
+ +

are

+
+
+ +

all

+
+
+
+
+ +

the same

+
+
+ +

cat

+
+
+ +

I promise

+
+
+
+ \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..40b3c628c 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,68 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ + +nav{ + display:flex; + justify-content: space-between; +} + +h1{ + display:block; + margin-top: 0; + font-size: 30px; + font-family: 'Lato', sans-serif; +} + +button { + background-color:white; + color: black; + border:black solid 1px; + padding: 5px 10px; +} + +button:hover{ + background-color: black; + color: white; + border: white solid 1px; +} + +button a{ + text-decoration: none; + color: inherit; +} + +.top{ + display:flex; + justify-content:center; +} + +.image-button{ + background-image: url("https://images.unsplash.com/photo-1584615489955-ec0a8090ac34?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=633&q=80"); + background-repeat: no-repeat; + background-size: cover; + color: white; + font-size: large; + width: 600px; + height: 400px; +} + +.row{ + display:flex; + flex-direction: row; + justify-content: space-evenly; + padding: 20px; +} + +.folio-element{ + text-align: center; +} + +img{ + width: 50%; + border: black solid 2px; +} + +footer{ + background-color: grey; + padding: 20px; + text-align: center; +} \ No newline at end of file From ee43cb5fa6a7ec792932f56ce5df365f4fc65ece Mon Sep 17 00:00:00 2001 From: mspicola Date: Tue, 7 Sep 2021 22:45:55 -0400 Subject: [PATCH 3/3] tweaked the accessibility of the overall page, specifically the nav --- index.html | 2 +- style/index.css | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 36 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5477f1800..af08d3efe 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ - Document + Mochi portfolio diff --git a/style/index.css b/style/index.css index 40b3c628c..7b43ff596 100644 --- a/style/index.css +++ b/style/index.css @@ -1,5 +1,32 @@ /* Add CSS styling here */ +/* The navbar container */ + +nav { + overflow: hidden; + background-color: #333; + } + + /* Navbar links */ + + nav a { + float: left; + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + /* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */ + + @media screen and (max-width: 600px) { + .nav a { + float: none; + width: 100%; + } + } + nav{ display:flex; justify-content: space-between; @@ -43,6 +70,8 @@ button a{ font-size: large; width: 600px; height: 400px; + margin: 2% 0; + /* border: solid rgb(228, 10, 10) 3px; */ } .row{ @@ -54,6 +83,8 @@ button a{ .folio-element{ text-align: center; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + text-transform: uppercase; } img{ @@ -65,4 +96,8 @@ footer{ background-color: grey; padding: 20px; text-align: center; +} + +.row{ + justify-content:space-around } \ No newline at end of file