diff options
| author | Szymon Szukalski <szymon@skas.io> | 2023-11-29 12:42:57 +1100 |
|---|---|---|
| committer | Szymon Szukalski <szymon@skas.io> | 2023-11-29 12:42:57 +1100 |
| commit | 430490952c4f1ccdfce10181650ed2b56f490087 (patch) | |
| tree | e529631801220df6e414d91a7988c51e9621fefa /Recipes/Nut Butter Balls.html | |
| parent | 0063dbabb53381dcd8e08df96e6dafe15da7475f (diff) | |
latest export
Diffstat (limited to 'Recipes/Nut Butter Balls.html')
| -rw-r--r-- | Recipes/Nut Butter Balls.html | 69 |
1 files changed, 20 insertions, 49 deletions
diff --git a/Recipes/Nut Butter Balls.html b/Recipes/Nut Butter Balls.html index 9ba1cda..b4c6c9e 100644 --- a/Recipes/Nut Butter Balls.html +++ b/Recipes/Nut Butter Balls.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <div class="infobox"> <!-- Image --> - <div class="photobox"> - <a href="#"> <img src="Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/6D51F5DB-FAC5-4B11-9C5B-E0057622B1A2.jpg" itemprop="image" class="photo photoswipe"/> </a> - - - </div> - + </div> <!-- Name --> <h1 itemprop="name" class="name">Nut Butter Balls</h1> <!-- Info --> - <!-- Rating, categories --> <p itemprop="aggregateRating" class="rating" value="0"></p> - <p class="metadata"> <!-- Cook time, prep time, servings, difficulty --> - <!-- Source --> - + </p> - - <div class="clear"></div> - </div> <div class="left-column"> <!-- Ingredients --> - <div class="ingredientsbox"> <h3 class="subhead">Ingredients</h3> <div class="ingredients text"> @@ -155,36 +140,28 @@ </div> </div> - <!-- Nutrition (in two-column mode it goes below the ingredients) --> - </div> <div class="right-column"> <!-- Description --> - <!-- Directions --> - <div class="directionsbox"> <h3 class="subhead">Directions</h3> <div itemprop="recipeInstructions" class="directions text"> <p class="line">Add the ingredients to a food processor and mix until everything comes together into a sticky dough. Roll 20-25 small balls between the palms of your hand. Cover them in chopped hazelnuts or coconut. If it doesn’t stick, you can dip each ball in cold water before covering them with the nuts. Store in the fridge while preparing the other snack platter ingredients. </p> </div> </div> - <!-- Notes --> - + <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -192,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -234,15 +210,13 @@ // build items array var items = [ - { msrc: 'Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg', src: 'Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg', - w: 800.0, - h: 1198.0, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -278,8 +252,5 @@ </script> - - - </body> </html> |