diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/css/styles.css | 16 | ||||
| -rw-r--r-- | src/html/bread.html | 155 | ||||
| -rw-r--r-- | src/html/essay.html | 29 | ||||
| -rw-r--r-- | src/html/index.html | 2 |
4 files changed, 101 insertions, 101 deletions
diff --git a/src/css/styles.css b/src/css/styles.css index 08a5f38..90d3f1a 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -23,12 +23,20 @@ img { image-orientation: from-image; } +.card { + margin: 3em; + border: 1px solid #777777; +} + .card img { - width: 80%; - display: block; + width: 43%; + display: inline; margin-left: auto; - margin-right: auto; - margin-top: 2em; + margin-right: 3em; +} + +.feed { + width: 80%; } .sidebar { diff --git a/src/html/bread.html b/src/html/bread.html index af2a665..693783f 100644 --- a/src/html/bread.html +++ b/src/html/bread.html @@ -1,99 +1,88 @@ <!doctype html> <html lang="en"> - <head> - <title>Mark's Kitchen - Bread</title> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> - <link rel="stylesheet" type="text/css" href="css/styles.css"> - </head> - <body> - <div class="container-fluid"> - <br> - <h1>Bread</h1> - <div class="row"> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">First sourdough, mainly wheat</p> - <img src="first-1.jpg"> - <img src="first-2.jpg"> - <br> - <p>Aug 9, 2018</p> - </div> + +<head> + <title>Mark's Kitchen - Bread</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> + <link rel="stylesheet" type="text/css" href="css/styles.css"> +</head> + +<body> + <div class="container"> + <br> + <h1>Bread</h1> + <div class="feed"> + <div class="card"> + <div class="card-body"> + <p class="card-text">First sourdough, mainly wheat</p> + <img src="photo/first-1.jpg"> + <img src="photo/first-2.jpg"> + <br> + <p>Aug 9, 2018</p> </div> </div> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">Used more white flour this time</p> - <img src="photo/white-1.jpg"> - <img src="photo/white-2.jpg"> - <br> - <p>Aug 16, 2018</p> - </div> + <div class="card"> + <div class="card-body"> + <p class="card-text">Used more white flour this time</p> + <img src="photo/white-1.jpg"> + <img src="photo/white-2.jpg"> + <br> + <p>Aug 16, 2018</p> </div> </div> - </div> - <div class="row"> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">Severely messed up the recipie this time. Tried to double to get two loafs, both turned out flat.</p> - <img src="photo/flat1.jpg"> - <img src="photo/flat2.jpg"> - <br> - <p>Aug 30, 2018</p> - </div> + <div class="card"> + <div class="card-body"> + <p class="card-text">Severely messed up the recipie this time. Tried to double to get two loafs, + both turned out flat.</p> + <img src="photo/flat1.jpg"> + <img src="photo/flat2.jpg"> + <br> + <p>Aug 30, 2018</p> </div> </div> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">First time using a banneton, beautiful shape. Tried a different knead style too. Rye-AP mix</p> - <img src="photo/ban1.jpg"> - <img src="photo/ban2.jpg"> - <br> - <p>Sep 19, 2018</p> - </div> + <div class="card"> + <div class="card-body"> + <p class="card-text">First time using a banneton, beautiful shape. Tried a different knead style + too. Rye-AP mix</p> + <img src="photo/ban1.jpg"> + <img src="photo/ban2.jpg"> + <br> + <p>Sep 19, 2018</p> </div> </div> - </div> - <div class="row"> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">I wanted to try the NY Times no knead recipie. Bread turned out delicious. Will try to tranfer to a loaf shape next time for slices.</p> - <img src="photo/nyt1.jpg"> - <img src="photo/nyt2.jpg"> - <br> - <p>Sep 27, 2018</p> - </div> + <div class="card"> + <div class="card-body"> + <p class="card-text">I wanted to try the NY Times no knead recipie. Bread turned out delicious. + Will try to tranfer to a loaf shape next time for slices.</p> + <img src="photo/nyt1.jpg"> + <img src="photo/nyt2.jpg"> + <br> + <p>Sep 27, 2018</p> </div> </div> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">A twist on normal beer bread, using hard cider.</p> - <img src="photo/cider.jpg"> - <br> - <p>Sep 30, 2018</p> - </div> + <div class="card"> + <div class="card-body"> + <p class="card-text">A twist on normal beer bread, using hard cider.</p> + <img src="photo/cider.jpg"> + <br> + <p>Sep 30, 2018</p> </div> </div> - </div> - <div class="row"> - <div class="col-md"> - <div class="card"> - <div class="card-body"> - <p class="card-text">Tried to make something more sandwich-y. 4 hour warm proof with wheat, rye, and corn flours. A bit dense, but not bad.</p> - <img src="photo/wheat.jpg"> - <br> - <p>Sep 30, 2018</p> - </div> + <div class="card"> + <div class="card-body"> + <p class="card-text">Tried to make something more sandwich-y. 4 hour warm proof with wheat, rye, + and corn flours. A bit dense, but not bad.</p> + <img src="photo/wheat.jpg"> + <br> + <p>Sep 30, 2018</p> </div> </div> - </div> - </div> - </body> -</html> + </div> + </div> + </div> + </div> +</body> + +</html>
\ No newline at end of file diff --git a/src/html/essay.html b/src/html/essay.html index a3e88e1..6d3cd62 100644 --- a/src/html/essay.html +++ b/src/html/essay.html @@ -1,16 +1,18 @@ <!doctype html> <html lang="en"> - <head> - <title>Mark's Kitchen - Essay</title> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <link rel="stylesheet" type="text/css" href="/css/bootstrap.css"> - <link rel="stylesheet" type="text/css" href="/css/styles.css"> - </head> - <body> - <div class="container"> - <br> - <h1>Essay</h1> +<head> + <title>Mark's Kitchen - Essay</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <link rel="stylesheet" type="text/css" href="/css/bootstrap.css"> + <link rel="stylesheet" type="text/css" href="/css/styles.css"> +</head> + +<body> + <div class="container"> + <br> + <h1>Essay</h1> + <div class="feed"> <div class="card"> <div class="card-body"> <p class="card-text"> @@ -20,6 +22,7 @@ <a href="essay/magic-division.html" class="btn btn-primary">Read</a> </div> </div> - </div> - </body> + </div> + </div> +</body> </html> diff --git a/src/html/index.html b/src/html/index.html index 0e15b8c..ed90fe7 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -16,7 +16,7 @@ </ul> </nav> - <div> + <div class="feed"> <div class="card item"> <div class="card-body"> <p class="card-text"> |