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