add ramen photo

This commit is contained in:
gome 2022-09-19 21:59:29 -05:00
parent 5b2c214878
commit ba622a39a9
6 changed files with 23 additions and 9 deletions

View File

@ -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>

View File

@ -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;

View File

@ -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>

View File

@ -17,9 +17,9 @@
<a href='..'>back to gomepage</a>&mdash;<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>

BIN
journal/ramen.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

View File

@ -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>