aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorMark Powers <markppowers0@gmail.com>2018-12-09 20:42:12 -0500
committerMark Powers <markppowers0@gmail.com>2018-12-09 20:42:12 -0500
commit2b6b9c6492c78d99667442f35b9034e88a99dd04 (patch)
tree55d13dfaea4c4af1998fcf01a181fd3850bbe59f /src
parent3d1b09c628b58f8bc9f9c76682d3d78885ae6376 (diff)
Update bread
Diffstat (limited to 'src')
-rw-r--r--src/css/styles.css16
-rw-r--r--src/html/bread.html155
-rw-r--r--src/html/essay.html29
-rw-r--r--src/html/index.html2
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">
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-21 20:12:20 +0000