web_programming/fridge_bites
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed index, added faq and contact; added css for user(account page, user forms)

Browse Source
This commit is contained in:
DavidK004 2025-06-07 19:44:43 +02:00
parent 0145028bc1
commit 5a759fa13a
21 changed files with 796 additions and 494 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/Index/Controllers/ContactController.php Normal file
View File

@ -0,0 +1,9 @@
<?php
namespace Lycoreco\Apps\Index\Controllers;
use Lycoreco\Includes\BaseController;
class ContactController extends BaseController
{
protected $template_name = APPS_PATH . '/Index/Templates/contact.php';
}

9
apps/Index/Controllers/FaqController.php Normal file
View File

@ -0,0 +1,9 @@
<?php
namespace Lycoreco\Apps\Index\Controllers;
use Lycoreco\Includes\BaseController;
class FaqController extends BaseController
{
protected $template_name = APPS_PATH . '/Index/Templates/faq.php';
}

35
apps/Index/Templates/contact.php Normal file
View File

@ -0,0 +1,35 @@
<?php
the_header(
'Contact Us',
'Get in touch with us for any inquiries or support.',
'contact-page',
[
['keywords', 'contact, support']
]
);
?>
<div class="container">
<div class="contact">
<h2 class="title">Contact FridgeBites</h2>
<p>
<h3 class="title"><i class="fa-solid fa-envelope"></i> Email:</h3>
<a class="hover-anim" href="mailto:support@fridgebites.com">support@fridgebites.com</a>
</p>
<p>
<h3 class="title"><i class="fa-solid fa-phone"></i> Phone:</h3>
<a class="hover-anim" href="tel:+1234567890">+1 (234) 567-890</a>
</p>
<p class="address">
<h3 class="title"><i class="fa-solid fa-location-dot"></i> Address:</h3>
<p>Fridgebites HQ</p>
<p>123 Kitchen Street</p>
<p>Flavor Town, FT 45678</p>
<p>USA</p>
</p>
</div>
</div>
<?php the_footer(); ?>

37
apps/Index/Templates/faq.php Normal file
View File

@ -0,0 +1,37 @@
<?php
the_header(
'FAQ',
'Frequently Asked Questions',
'contact-page',
[
['keywords', 'questions, andwers, faq, help, support']
]
);
?>
<div class="container">
<div class="faq">
<h2 class="faq-title title">Frequently Asked Questions</h2>
<h3 class="faq-question">1. What is Fridgebites?</h3>
<p class="faq-answer">Fridgebites is a recipe website that helps you create delicious meals using the ingredients you already have in your fridge and pantry.</p>
<h3 class="faq-question">2. How do I find recipes with my ingredients?</h3>
<p class="faq-answer">You can enter the ingredients you have on hand into our search tool, and Fridgebites will suggest recipes that match those ingredients.</p>
<h3 class="faq-question">3. Is Fridgebites free to use?</h3>
<p class="faq-answer">Yes, Fridgebites is completely free to use. You can browse and use all our recipes without any charges.</p>
<h3 class="faq-question">4. Can I submit my own recipes?</h3>
<p class="faq-answer">Currently, we accept user-submitted recipes.</p>
<h3 class="faq-question">5. How often are new recipes added?</h3>
<p class="faq-answer">We regularly update our recipe collection to provide you with fresh and exciting meal ideas.</p>
<h3 class="faq-question">6. How can I contact Fridgebites support?</h3>
<p class="faq-answer">If you have any questions or need assistance, please contact us at <a class="hover-anim" href="mailto:support@fridgebites.com">support@fridgebites.com</a>.</p>
</div>
</div>
<?php
the_footer();
?>

242
apps/Index/Templates/index.php
View File

@ -1,11 +1,12 @@
<?php the_header(
'Welcome',
'Discover and purchase top-rated games and software to elevate your entertainment and productivity. Explore our curated selection for the best deals and exclusive offers!',
"Discover delicious recipes using the ingredients you already have. Fridgebites helps you create tasty meals with what's in your fridge",
'frontpage',
[
['robots', 'nofollow, noindex'],
['keywords', 'keys, programms, games, xbox, pc, playstation']
]);
['keywords', 'recipes, ingredients, recipe finder, fridge, fridge recipe, leftover recipes']
]
);
?>
<div class="container">
@ -22,7 +23,7 @@
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="recent-recipe">
<a href="#" class="recent-recipe hover-anim">
<div class="recipe-img">
<img src="media/recipe1.png" alt="Recipe 1" class="recipe-img__img">
@ -31,10 +32,10 @@
<p class="recipe-info__title">Spaghetti Bolognese</p>
<p class="recipe-info__meta"><i class="fa-solid fa-user"></i> GreenDavid004</p>
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="recent-recipe">
<a href="#" class="recent-recipe hover-anim">
<div class="recipe-img">
<img src="media/recipe1.jpeg" alt="Recipe 1" class="recipe-img__img">
@ -43,10 +44,10 @@
<p class="recipe-info__title">Spaghetti Bolognese</p>
<p class="recipe-info__meta"><i class="fa-solid fa-user"></i> GreenDavid004</p>
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="recent-recipe">
<a href="#" class="recent-recipe hover-anim">
<div class="recipe-img">
<img src="media/recipe1.jpeg" alt="Recipe 1" class="recipe-img__img">
@ -55,7 +56,7 @@
<p class="recipe-info__title">Spaghetti Bolognese</p>
<p class="recipe-info__meta"><i class="fa-solid fa-user"></i> GreenDavid004</p>
</div>
</div>
</a>
</div>
</div>
@ -76,85 +77,85 @@
<div class="swiper categories-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="category">
<a href="#" class="category hover-anim">
<div class="category-img">
<img src="media/category1.png" alt="Category 1" class="category-img__img">
</div>
<p class="category-title">Mexican</p>
</div>
</a>
</div>
</div>
@ -167,7 +168,7 @@
<div class="recent-reviews">
<h2 class="title">Recent User Reviews</h2>
<div class="reviews-grid">
<div class="recent-review">
<a href="#" class="recent-review hover-anim">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
@ -179,12 +180,12 @@
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<div class="review-meta meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
</a>
<a href="#" class="recent-review hover-anim">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
@ -196,12 +197,11 @@
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<div class="review-meta meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
</a><a href="#" class="recent-review hover-anim">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
@ -213,12 +213,11 @@
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<div class="review-meta meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
</a><a href="#" class="recent-review hover-anim">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
@ -230,12 +229,11 @@
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<div class="review-meta meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
</a><a href="#" class="recent-review hover-anim">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
@ -247,12 +245,11 @@
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<div class="review-meta meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
<div class="recent-review">
</a><a href="#" class="recent-review hover-anim">
<div class="review-title">
<div class="review-img">
<img src="media/recipe1.jpeg" alt="reviewed recipe">
@ -264,17 +261,17 @@
flavorful—just the right balance of garlic, herbs, and tomato. I added a pinch of chili
flakes for a little kick, and it turned out perfect...</p>
</div>
<div class="review-meta">
<div class="review-meta meta">
<p class="review-author"><i class="fa-solid fa-user"></i> GreenDavid004</p>
<p class="review-date"><i class="fa-solid fa-calendar-days"></i> 2023-10-01</p>
</div>
</div>
</a>
</div>
</div>
<div class="daily-meals">
<h2 class="title">Your Menu for Monday</h2>
<div class="daily-meals-grid">
<div class="daily-meal">
<a href="#" class="daily-meal hover-anim">
<div class="meal-img">
<img src="media/recipe1.jpeg" alt="meal-img">
</div>
@ -284,24 +281,18 @@
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
</div>
<div class="daily-meal-ingredients">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
<ul class="ingredients-list">
<li>Ground beef</li>
<li>Tomato sauce</li>
<li>Onion</li>
<li>Macaroni</li>
<li>Garlic</li>
<li>Cheese</li>
</ul>
</div>
</div>
</div>
<div class="daily-meal">
</a>
<a href="#" class="daily-meal hover-anim">
<div class="meal-img">
<img src="media/recipe1.jpeg" alt="meal-img">
</div>
@ -311,24 +302,18 @@
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
</div>
<div class="daily-meal-ingredients">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
<ul class="ingredients-list">
<li>Ground beef</li>
<li>Tomato sauce</li>
<li>Onion</li>
<li>Macaroni</li>
<li>Garlic</li>
<li>Cheese</li>
</ul>
</div>
</div>
</div>
<div class="daily-meal">
</a>
<a href="#" class="daily-meal hover-anim">
<div class="meal-img">
<img src="media/recipe1.jpeg" alt="meal-img">
</div>
@ -338,24 +323,18 @@
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
</div>
<div class="daily-meal-ingredients">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
<ul class="ingredients-list">
<li>Ground beef</li>
<li>Tomato sauce</li>
<li>Onion</li>
<li>Macaroni</li>
<li>Garlic</li>
<li>Cheese</li>
</ul>
</div>
</div>
</div>
<div class="daily-meal">
</a>
<a href="#" class="daily-meal hover-anim">
<div class="meal-img">
<img src="media/recipe1.jpeg" alt="meal-img">
</div>
@ -365,24 +344,18 @@
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
</div>
<div class="daily-meal-ingredients">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
<ul class="ingredients-list">
<li>Ground beef</li>
<li>Tomato sauce</li>
<li>Onion</li>
<li>Macaroni</li>
<li>Garlic</li>
<li>Cheese</li>
</ul>
</div>
</div>
</div>
<div class="daily-meal">
</a>
<a href="#" class="daily-meal hover-anim">
<div class="meal-img">
<img src="media/recipe1.jpeg" alt="meal-img">
</div>
@ -392,24 +365,17 @@
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
</div>
<div class="daily-meal-ingredients">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
<ul class="ingredients-list">
<li>Ground beef</li>
<li>Tomato sauce</li>
<li>Onion</li>
<li>Macaroni</li>
<li>Garlic</li>
<li>Cheese</li>
</ul>
</div>
</div>
</div>
<div class="daily-meal">
</a><a href="#" class="daily-meal hover-anim">
<div class="meal-img">
<img src="media/recipe1.jpeg" alt="meal-img">
</div>
@ -419,23 +385,17 @@
<span class="meta"><i class="fa-regular fa-clock"></i>120mins to make</span>
</div>
<div class="daily-meal-ingredients">
<table class="ingredients-table">
<tr>
<td>Ground beef</td>
<td>Tomato sauce</td>
</tr>
<tr>
<td>Onion</td>
<td>Elbow macaroni</td>
</tr>
<tr>
<td>Garlic</td>
<td>Cheese</td>
</tr>
</table>
</div>
<ul class="ingredients-list">
<li>Ground beef</li>
<li>Tomato sauce</li>
<li>Onion</li>
<li>Macaroni</li>
<li>Garlic</li>
<li>Cheese</li>
</ul>
</div>
</div>
</a>
</div>
</div>

31
apps/Index/Templates/terms.php
View File

@ -8,6 +8,35 @@ the_header(
['keywords', 'terms, use, conditions']
]);
?>
<div class="container">Terms Of Use</div>
<div class="container">
<div class="terms-of-use">
<h2 class="title">Terms of Use</h2>
<p>Welcome to our website! By accessing or using our services, you agree to comply with and be bound by the following terms and conditions:</p>
<h2 class="title terms-title">1. Acceptance of Terms</h2>
<p>By using our website, you confirm that you accept these terms and conditions in full. If you disagree with any part of these terms, you must not use our website.</p>
<h2 class="title terms-title">2. Changes to Terms</h2>
<p>We reserve the right to modify these terms at any time. Any changes will be effective immediately upon posting on this page. Your continued use of the website after changes are posted constitutes your acceptance of the new terms.</p>
<h2 class="title terms-title">3. User Responsibilities</h2>
<p>You agree to use our website only for lawful purposes and in a manner that does not infringe the rights of, restrict or inhibit anyone else's use and enjoyment of the website.</p>
<h2 class="title terms-title">4. Intellectual Property</h2>
<p>All content on this website, including text, graphics, logos, and images, is the property of our company or our licensors. You may not reproduce, distribute, or create derivative works from any content without our express written permission.</p>
<h2 class="title terms-title">5. Limitation of Liability</h2>
<p>We will not be liable for any loss or damage arising from your use of this website or any content provided on it.</p>
<h2 class="title terms-title">6. Governing Law</h2>
<p>These terms are governed by and construed in accordance with the laws of [Your Country]. Any disputes relating to these terms will be subject to the exclusive jurisdiction of the courts of [Your Country].</p>
<h2 class="title terms-title">7. Contact Us</h2>
<p>If you have any questions about these terms, please contact us at [Your Contact Information].</p>
</div>
</div>
<?php the_footer(); ?>

2
apps/Index/urls.php
View File

@ -6,4 +6,6 @@ use Lycoreco\Includes\Routing\Path;
$index_urls = [
new Path('', new Controllers\HomepageController(), 'home'),
new Path('/terms-of-use', new Controllers\TermsController(), 'terms'),
new Path('/contact', new Controllers\ContactController(), 'contact'),
new Path('/faq', new Controllers\FaqController(), 'faq'),
];

8
apps/Users/Templates/forgot_password.php
View File

@ -8,8 +8,8 @@
<div class="container">
<div class="login__inner">
<h1 class="p-title">Password Recovery</h1>
<p>Enter your email to receive a secure link to reset your password. The link will be valid for a limited time.</p>
<h1 class="title">Password Recovery</h1>
<p class="recovery-info">Enter your email to receive a secure link to reset your password. The link will be valid for a limited time.</p>
<form class="form" method="post">
<?php
if(isset($context['error_message']))
@ -24,8 +24,8 @@
</div>
<div class="login-choice">
<a href="<?php the_permalink('users:login') ?>">Login</a>
<button class="btn btn-primary" type="submit">Send</button>
<a class="hover-anim" href="<?php the_permalink('users:login') ?>">Login</a>
<button class="btn btn-primary hover-anim" type="submit">Send</button>
</div>
</form>
</div>

12
apps/Users/Templates/login.php
View File

@ -8,7 +8,7 @@
<div class="container">
<div class="login__inner">
<h1 class="p-title">Welcome to KeysShop</h1>
<h1 class="title">Welcome to FridgeBites</h1>
<form class="form" method="post">
<?php
if(isset($context['error_message']))
@ -26,18 +26,18 @@
</div>
<div class="login-choice">
<a href="<?php the_permalink('users:forgot') ?>">Forgot password?</a>
<button class="btn btn-primary" type="submit">Login</button>
<a href="<?php the_permalink('users:forgot') ?>" class="hover-anim">Forgot password?</a>
<button class="btn btn-primary hover-anim" type="submit">Login</button>
</div>
</form>
<hr>
<div class="login-text__notice">
<h2>You don't have account?</h2>
<p>Register now to buy game or program keys at low prices! </p>
<h2 class="title">You don't have account?</h2>
<p>Register now to get the best and newest recipes! </p>
<a href="<?php the_permalink('users:register') ?>" class="btn btn-primary">
<a href="<?php the_permalink('users:register') ?>" class="btn btn-primary hover-anim">
Register
</a>
</div>

18
apps/Users/Templates/profile.php
View File

@ -12,12 +12,12 @@ the_header(
?>
<div class="container">
<?php the_user_nav() ?>
<h1 class="p-title">Account information</h1>
<h1 class="title account-title">Account information</h1>
<div class="account-block">
<h2>Contact information</h2>
<h2 class="title">Contact information</h2>
<table>
<tr>
<td>Username:</td>
@ -37,12 +37,12 @@ the_header(
</tr>
</table>
<div class="change-user-btns">
<a href="<?php the_permalink('users:edit-info') ?>" class="btn">Edit info</a>
<a href="<?php the_permalink('users:edit-info') ?>" class="btn btn-secondary hover-anim">Edit info</a>
</div>
</div>
<div class="account-block">
<h2>Security</h2>
<h2 class="title">Security</h2>
<table>
<tr>
<td>E-mail:</td>
@ -54,15 +54,15 @@ the_header(
</tr>
</table>
<div class="change-user-btns">
<a href="<?php the_permalink('users:edit-password') ?>" class="btn">Change password</a>
<a href="<?php the_permalink('users:edit-email') ?>" class="btn">Change e-mail</a>
<a href="<?php the_permalink('users:edit-password') ?>" class="btn btn-secondary hover-anim">Change password</a>
<a href="<?php the_permalink('users:edit-email') ?>" class="btn btn btn-secondary hover-anim">Change e-mail</a>
</div>
</div>
<div class="account-btn-control">
<a href="<?php the_permalink('users:logout') ?>" class="btn btn-logout">Logout</a>
<a href="<?php the_permalink('users:logout') ?>" class="btn btn-primary hover-anim">Logout</a>
<?php if(CURRENT_USER->field_is_admin): ?>
<a href="<?php the_permalink('admin:home') ?>" class="btn btn-primary">Admin panel</a>
<a href="<?php the_permalink('admin:home') ?>" class="btn btn-primary hover-anim">Admin panel</a>
<?php endif ?>
</div>
</div>

19
apps/Users/Templates/register.php
View File

@ -8,7 +8,7 @@
<div class="container">
<div class="login__inner">
<h1 class="p-title">Create New Account</h1>
<h1 class="title">Create New Account</h1>
<form class="form" method="post">
<?php
if(isset($context['error_message']))
@ -44,15 +44,12 @@
<input type="text" name="lname" id="field_lname">
</div>
<div class="input-checkbox">
<div class="terms-checkbox">
<input id="terms_agree" type="checkbox" required>
<label for="terms_agree">I Agree to the <a href="<?php the_permalink('index:terms') ?>">Terms & Conditions</a></label>
</div>
<div class="input-checkbox">
<input id="privacy_agree" type="checkbox" required>
<label for="privacy_agree">I Agree to the <a href="<?php the_permalink('index:privacy') ?>">Privacy Policy</a></label>
<label for="terms_agree">I Agree to the <a class="hover-anim terms-link" href="<?php the_permalink('index:terms') ?>">Terms & Conditions</a></label>
</div>
<?php
if(isset($context['error_form']))
$context['error_form']->display_error();
@ -60,17 +57,17 @@
<div class="login-choice">
<span></span>
<button class="btn btn-primary" type="submit">Create an account</button>
<button class="btn btn-primary hover-anim" type="submit">Create an account</button>
</div>
</form>
<hr>
<div class="login-text__notice">
<h2>Do you already have an account?</h2>
<p>Log in to your account to continue the purchase. </p>
<h2 class="title">Do you already have an account?</h2>
<p>Log in to your account to continue browsing our catalogue of recepies. </p>
<a href="<?php the_permalink('users:login') ?>" class="btn btn-primary">
<a href="<?php the_permalink('users:login') ?>" class="btn btn-primary hover-anim">
Login
</a>
</div>

4
apps/Users/Templates/reset_password.php
View File

@ -9,9 +9,9 @@
<div class="container">
<div class="login__inner" <?php if(isset($context['not_available'])) echo 'style="text-align: center;"'; ?>>
<h1 class="p-title">Reset Password</h1>
<h1 class="title">Reset Password</h1>
<?php if(!isset($context['not_available'])): ?>
<p>Enter a new password for your account.</p>
<p class="reset-info">Enter a new password for your account.</p>
<?php else: ?>
<p><?php echo $context['not_available'] ?></p>
<?php endif; ?>

4
apps/Users/Templates/sect_information/edit_email.php
View File

@ -7,7 +7,7 @@
]) ?>
<div class="container">
<h1 class="p-title">Edit E-mail</h1>
<h1 class="title account-title">Edit E-mail</h1>
<form class="form form-edit" method="post">
<?php
@ -32,7 +32,7 @@
<div class="btn-control">
<a class="a-back" href="<?php the_permalink('users:profile') ?>">< Back</a>
<button class="btn btn-primary" type="submit">Save</button>
<button class="btn btn-primary hover-anim" type="submit">Save</button>
</div>
</form>

6
apps/Users/Templates/sect_information/edit_information.php
View File

@ -7,7 +7,7 @@
]) ?>
<div class="container">
<h1 class="p-title">Edit contact information</h1>
<h1 class="title account-title">Edit contact information</h1>
<form class="form form-edit" method="post">
<?php
@ -36,8 +36,8 @@
?>
<div class="btn-control">
<a class="a-back" href="<?php the_permalink('users:profile') ?>">< Back</a>
<button class="btn btn-primary" type="submit">Save</button>
<a class="a-back hover-anim" href="<?php the_permalink('users:profile') ?>">< Back</a>
<button class="btn btn-primary hover-anim" type="submit">Save</button>
</div>
</form>

4
apps/Users/Templates/sect_information/edit_password.php
View File

@ -7,7 +7,7 @@
]) ?>
<div class="container">
<h1 class="p-title">Change password</h1>
<h1 class="title account-title">Change password</h1>
<form class="form form-edit" method="post">
<?php
@ -37,7 +37,7 @@
<div class="btn-control">
<a class="a-back" href="<?php the_permalink('users:profile') ?>">< Back</a>
<button class="btn btn-primary" type="submit">Save</button>
<button class="btn btn-primary hover-anim" type="submit">Save</button>
</div>
</form>

264
assets/css/style.css
View File

@ -9,6 +9,9 @@
--meta-color: #727272;
--common-text: #000;
--panel-title-color: #000;
--button-primary: #0DBB99;
--button-secondary: #ECECEC;
--title-font: 'Roboto Slab', sans-serif;
--common-font: 'Roboto Condensed', serif;
@ -18,6 +21,12 @@
box-sizing: border-box;
}
.hover-anim:hover {
opacity: 0.7;
}
.page{
min-height: 100vh;
}
.container {
width: 100%;
max-width: 1170px;
@ -268,27 +277,33 @@ body {
margin-bottom: 15px;
}
.recent-reviews a {
text-decoration: none;
}
.review-meta {
display: flex;
flex-direction: row;
align-items: center;
align-items: flex-start;
justify-content: space-between;
padding: 0 15px;
font-family: var(--common-font);
color: var(--meta-color);
font-size: 12px;
}
.daily-meals-grid {
display: grid;
grid-template-columns: repeat(2, 325px);
grid-template-rows: repeat(3, 125px);
grid-template-columns: repeat(2, 300px);
grid-template-rows: repeat(3, 100px);
row-gap: 20px;
column-gap: 20px;
margin: 0 auto;
}
.daily-meals-grid a {
text-decoration: none;
color: var(--common-text);
}
.daily-meal {
@ -296,7 +311,7 @@ body {
border-radius: 10px;
display: flex;
align-items: center;
padding: 10px;
}
.daily-meals {
@ -307,47 +322,52 @@ body {
}
.meal-img {
width: 85px;
height: 85px;
width: 94px;
height: 94px;
border-radius: 10px;
overflow: hidden;
padding: 5px;
}
.meal-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.daily-meal-title h3 {
font-family: var(--title-font);
font-size: 14px;
color: var(--title-color);
color: var(--common-text);
}
.daily-meal-title {
margin-bottom: 8px;
}
.daily-meal-info {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 10px;
padding: 10px 0;
margin-left: 5px;
}
.ingredients-table {
border-collapse: collapse;
.ingredients-list {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin-left: 15px;
}
.ingredients-table td {
padding-right: 5px;
vertical-align: middle;
word-wrap: break-word;
word-break: break-word;
max-width: 100px;
.ingredients-list li {
margin-right: 5px;
}
.footer {
background-color: var(--panel-background);
color: var(--panel-text);
@ -355,7 +375,10 @@ body {
height: 150px;
text-align: center;
z-index: 1000;
}
.footer-inner {
display: flex;
flex-direction: column;
@ -364,38 +387,237 @@ body {
height: 100%;
padding: 0 20px;
}
.footer-nav {
margin-top: 35px;
}
.footer-links {
display: flex;
justify-content: center;
}
.footer-links li {
list-style: none;
margin-right: 60px;
text-decoration: none;
}
.footer-links a {
text-decoration: none;
color: var(--panel-text);
font-size: 16px;
}
.footer-links a:hover {
opacity: 0.7;
}
hr {
width: 100%;
border: 0;
border-top: 1px solid var(--panel-text);
margin: 20px 0;
}
.copyright {
font-family: var(--common-font);
font-size: 14px;
color: var(--panel-text);
margin-top: 20px;
}
.meta {
font-family: var(--common-font);
font-size: 12px;
color: var(--meta-color);
}
/* Terms.php */
.terms-title {
text-align: start;
}
.terms-of-use p {
font-family: var(--common-font);
font-size: 14px;
color: var(--common-text);
margin-bottom: 20px;
}
.terms-of-use{
margin-top: 46px;
}
.terms-of-use p:first-of-type{
text-align: center;
}
/* contact.php */
.contact{
margin-top: 46px;
}
.contact p{
font-family: var(--common-font);
font-size: 14px;
color: var(--common-text);
margin-bottom: 20px;
text-align: center;
}
.contact a {
text-decoration: none;
color: var(--panel-text);
font-size: 16px;
display: block;
margin: 0 auto;
text-align: center;
}
.address{
display: flex;
flex-direction: column;
align-items: center;
}
.faq{
margin-top: 46px;
}
.faq-question{
font-family: var(--title-font);
font-size: 18px;
color: var(--title-color);
margin-bottom: 10px;
}
.faq-answer{
font-family: var(--common-font);
font-size: 14px;
color: var(--common-text);
margin-bottom: 20px;
}
.faq-answer a{
text-decoration: none;
color: var(--panel-text);
font-size: 16px;
}
.login__inner{
margin-top: 46px;
}
.input input{
width: 100%;
max-width: 400px;
height: 40px;
background-color: var(--input-background);
border: 1px solid var(--input-border);
border-radius: 10px;
padding: 10px;
font-family: var(--common-font);
font-size: 14px;
color: var(--input-text-color);
}
.form label{
font-size: 16px;
}
.input{
margin-bottom: 20px;
}
.login-choice a{
text-decoration: none;
color: var(--panel-text);
font-size: 16px;
}
.btn{
font-size: 14px;
font-family: var(--common-font);
color: #fff;
border-radius: 10px;
padding: 10px 20px;
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
}
.btn-primary {
background-color: var(--button-primary);
height: 35px;
max-width: 225px;
}
.login-text__notice p{
font-size: 16px;
margin-bottom: 10px;
}
.login__inner .title{
text-align: start;
}
.terms-checkbox{
margin-bottom: 10px;
}
.terms-link{
text-decoration: none;
color: var(--panel-text);
}
.recovery-info{
margin-bottom: 10px;
}
label span {
color: #015847; /* Example: make the asterisk red */
font-weight: bold;
}
.reset-info{
margin-bottom: 10px;
}
.account-block .title{
text-align: start;
}
.btn-secondary {
background-color: var(--button-secondary);
height: 35px;
max-width: 225px;
color: var(--common-text);
}
.account-block{
font-size: 16px;
}
.account-block td{
padding: 10px;
margin-top: 20px;
}
.account-title{
margin-top: 46px;
}
.change-user-btns{
margin-bottom: 20px;
}
.a-back{
text-decoration: none;
color: var(--panel-text);
}
@media (max-width: 900px) {
.reviews-grid {
grid-template-columns: 1fr;

BIN
assets/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

4
assets/js/index.js
View File

@ -1,11 +1,11 @@
"use strict";
new Swiper('.swiper', {
// Optional parameters
direction: 'horizontal',
loop: true,
// If we need pagination
slidesPerView: 1,
spaceBetween: 0,

1
assets/js/main.js
View File

@ -1,3 +1,4 @@
"use strict";
/**
* Send ajax action to server
* @param {string} action

7
components/templates/layout/footer.php
View File

@ -1,12 +1,13 @@
</div>
<footer class="footer">
<div class="container">
<div class="footer-inner">
<nav class="footer-nav">
<ul class="footer-links">
<li><a href="<?php the_permalink("index:terms")?>">Terms of Service</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Dashboard</a></li>
<li><a href="<?php the_permalink("index:contact")?>">Contact</a></li>
<li><a href="<?php the_permalink("index:faq")?>">FAQ</a></li>
<li><a href="<?php the_permalink("admin:home")?>">Dashboard</a></li>
</ul>
</nav>
<hr>

4
components/templates/layout/header.php
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo get_title_website($title) ?></title>
<link rel="shortcut icon" type="image/png" href="<?php echo ASSETS_PATH . '/favicon.png' ?>">
<link rel="shortcut icon" type="image/x-icon" href="<?php echo ASSETS_PATH . '/images/favicon.ico' ?>">
<meta name="description" content="<?php echo $description ?>">
@ -60,4 +60,4 @@
</div>
</div>
</header>
<div class="page">