Initial commit
This commit is contained in:
commit
2b91a50659
12 changed files with 2715 additions and 0 deletions
44
.github/workflows/vite_deploy.yaml
vendored
Normal file
44
.github/workflows/vite_deploy.yaml
vendored
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
name: Deploy static content to Pages
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: ["main"]
|
||||
|
||||
workflow_dispatch:
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
pages: write
|
||||
id-token: write
|
||||
|
||||
concurrency:
|
||||
group: "pages"
|
||||
cancel-in-progress: true
|
||||
|
||||
jobs:
|
||||
deploy:
|
||||
environment:
|
||||
name: github-pages
|
||||
url: ${{ steps.deployment.outputs.page_url }}
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v4
|
||||
- name: Set up Node
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: 20
|
||||
cache: "npm"
|
||||
- name: Install dependencies
|
||||
run: npm install
|
||||
- name: Build
|
||||
run: npm run build
|
||||
- name: Setup Pages
|
||||
uses: actions/configure-pages@v4
|
||||
- name: Upload artifact
|
||||
uses: actions/upload-pages-artifact@v3
|
||||
with:
|
||||
path: "./dist"
|
||||
- name: Deploy to GitHub Pages
|
||||
id: deployment
|
||||
uses: actions/deploy-pages@v4
|
||||
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
node_modules/
|
||||
.vite/
|
||||
3
README.md
Normal file
3
README.md
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# Frontend Mentor - Recipe page solution
|
||||
|
||||
This is a solution to the [Recipe page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/recipe-page-KiTsR8QQKm). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
|
||||
108
index.html
Normal file
108
index.html
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="./assets/images/favicon-32x32.png"
|
||||
/>
|
||||
|
||||
<title>Recipe page</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Simple Omelette Recipe</h1>
|
||||
|
||||
<p>
|
||||
An easy and quick dish, perfect for any meal. This classic omelette
|
||||
combines beaten eggs cooked to perfection, optionally filled with your
|
||||
choice of cheese, vegetables, or meats.
|
||||
</p>
|
||||
|
||||
<div>
|
||||
<h3>Preparation time</h3>
|
||||
|
||||
<ul>
|
||||
<li>Total: Approximately 10 minutes</li>
|
||||
<li>Preparation: 5 minutes</li>
|
||||
<li>Cooking: 5 minutes</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h2>Ingredients</h2>
|
||||
|
||||
<ul>
|
||||
<li>2-3 large eggs</li>
|
||||
<li>Salt, to taste</li>
|
||||
<li>Pepper, to taste</li>
|
||||
<li>1 tablespoon of butter or oil</li>
|
||||
<li>Optional fillings: cheese, diced vegetables, cooked meats, herbs</li>
|
||||
</ul>
|
||||
|
||||
<h2>Instructions</h2>
|
||||
|
||||
<ol>
|
||||
<li>
|
||||
Beat the eggs: In a bowl, beat the eggs with a pinch of salt and pepper
|
||||
until they are well mixed. You can add a tablespoon of water or milk for
|
||||
a fluffier texture.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Heat the pan: Place a non-stick frying pan over medium heat and add
|
||||
butter or oil.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Cook the omelette: Once the butter is melted and bubbling, pour in the
|
||||
eggs. Tilt the pan to ensure the eggs evenly coat the surface.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Add fillings (optional): When the eggs begin to set at the edges but are
|
||||
still slightly runny in the middle, sprinkle your chosen fillings over
|
||||
one half of the omelette.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Fold and serve: As the omelette continues to cook, carefully lift one
|
||||
edge and fold it over the fillings. Let it cook for another minute, then
|
||||
slide it onto a plate.
|
||||
</li>
|
||||
|
||||
<li>Enjoy: Serve hot, with additional salt and pepper if needed.</li>
|
||||
</ol>
|
||||
|
||||
<h2>Nutrition</h2>
|
||||
|
||||
<p>
|
||||
The table below shows nutritional values per serving without the
|
||||
additional fillings.
|
||||
</p>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Calories</td>
|
||||
<td>277kcal</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Carbs</td>
|
||||
<td>0g</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Protein</td>
|
||||
<td>20g</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Fat</td>
|
||||
<td>22g</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
2523
package-lock.json
generated
Normal file
2523
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
26
package.json
Normal file
26
package.json
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
{
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite --open",
|
||||
"build": "vite build"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^10.4.19",
|
||||
"postcss": "^8.4.39",
|
||||
"prettier": "^3.3.2",
|
||||
"prettier-plugin-tailwindcss": "^0.6.5",
|
||||
"tailwindcss": "^3.4.4",
|
||||
"vite": "^5.3.2"
|
||||
},
|
||||
"prettier": {
|
||||
"plugins": [
|
||||
"prettier-plugin-tailwindcss"
|
||||
]
|
||||
},
|
||||
"postcss": {
|
||||
"plugins": {
|
||||
"tailwindcss": {},
|
||||
"autoprefixer": {}
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
public/fonts/Outfit-VariableFont_wght.ttf
Normal file
BIN
public/fonts/Outfit-VariableFont_wght.ttf
Normal file
Binary file not shown.
BIN
public/fonts/YoungSerif-Regular.ttf
Normal file
BIN
public/fonts/YoungSerif-Regular.ttf
Normal file
Binary file not shown.
BIN
public/images/favicon-32x32.png
Normal file
BIN
public/images/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
public/images/image-omelette.jpeg
Normal file
BIN
public/images/image-omelette.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
4
tailwind.config.js
Normal file
4
tailwind.config.js
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
export default {
|
||||
content: ["index.html"],
|
||||
theme: {},
|
||||
};
|
||||
5
vite.config.js
Normal file
5
vite.config.js
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
import { defineConfig } from "vite";
|
||||
|
||||
export default defineConfig({
|
||||
base: "/fem-recipe-page/",
|
||||
});
|
||||
Reference in a new issue