add ramen photo
This commit is contained in:
parent
5b2c214878
commit
ba622a39a9
|
@ -17,8 +17,8 @@
|
|||
<a href='..'>back to gomepage</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Bookmarks</h1>
|
||||
<main>
|
||||
<h1>Bookmarks</h1>
|
||||
<p>Just a stub for now.</p>
|
||||
</main>
|
||||
<footer>
|
||||
|
|
|
@ -12,6 +12,9 @@ html {
|
|||
*::selection {
|
||||
background: #eab77533;
|
||||
}
|
||||
header {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
nav {
|
||||
display: flex;
|
||||
margin-left: -0.25em;
|
||||
|
@ -33,7 +36,6 @@ body {
|
|||
main {
|
||||
flex-grow: 1;
|
||||
margin-right: 1rem;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
a {
|
||||
color: #323a42;
|
||||
|
@ -113,14 +115,21 @@ a:focus-visible {
|
|||
}
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.33em;
|
||||
margin: 0 -0.5em 0.5em 0;
|
||||
border-bottom: 2px solid #323a42;
|
||||
font-family: Optima, 'Palatino Linotype', Lora, serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
h2, h3, ul, ol, p {
|
||||
margin: 1em 0 0 0;
|
||||
h2, h3, ul, ol, p, main img {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
main img {
|
||||
border: 1px solid #323a42;
|
||||
border-radius: 2px;
|
||||
padding: 2px;
|
||||
margin: 0 auto 1em auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
footer {
|
||||
margin-right: 1em;
|
||||
|
@ -136,6 +145,8 @@ footer img {
|
|||
}
|
||||
.recipe {
|
||||
font-variant-numeric: oldstyle-nums;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.recipe ul {
|
||||
list-style: none;
|
||||
|
|
|
@ -17,8 +17,8 @@
|
|||
<a href='..'>back to gomepage</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Journal</h1>
|
||||
<main>
|
||||
<h1>Journal</h1>
|
||||
<a class='journal-link' href='./ramen.html'>
|
||||
<h3>Ramen recipe</h3>
|
||||
<div class='line stop-1'></div>
|
||||
|
|
|
@ -17,9 +17,9 @@
|
|||
<a href='..'>back to gomepage</a>—<a href='.'>journal</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1 id='gome-ramen'>Gome Ramen</h1>
|
||||
<main>
|
||||
<article class='recipe'>
|
||||
<h1 id='gome-ramen'>Gome Ramen</h1>
|
||||
<p>
|
||||
This is how I like to make ramen.
|
||||
I used to use the flavor packets that come with Maruchan ramen until I found out how much sodium was in them.
|
||||
|
@ -29,7 +29,10 @@
|
|||
You can reduce it further by using less soy sauce or by using low-sodium soy sauce and chicken broth.
|
||||
</p><p>
|
||||
All the measurements are approximate; feel free to experiment with them as you like.
|
||||
</p><p>
|
||||
Credit to my brother for teaching me the method for poaching the eggs.
|
||||
</p>
|
||||
<img src='ramen.webp' width='512' height='384' />
|
||||
<h3 id='ingredients'>Ingredients</h3>
|
||||
<ul class='ingredient-list'>
|
||||
<li>2 c. chicken broth</li>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 61 KiB |
|
@ -17,8 +17,8 @@
|
|||
<a href='..'>back to gomepage</a>
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Socials</h1>
|
||||
<main class='socials'>
|
||||
<h1>Socials</h1>
|
||||
<p>
|
||||
Feel free to add or follow me on any of these sites!
|
||||
</p>
|
||||
|
|
Loading…
Reference in New Issue