aboutsummaryrefslogtreecommitdiff
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
parent3d1b09c628b58f8bc9f9c76682d3d78885ae6376 (diff)
Update bread
-rw-r--r--package.json2
-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
5 files changed, 102 insertions, 102 deletions
diff --git a/package.json b/package.json
index fc459da..72d25da 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
- "run": "sudo node src/"
+ "run": "sudo nodejs src/"
},
"author": "",
"license": "ISC",
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">