├── .gitattributes
├── .gitignore
├── README.md
├── blog
    ├── __init__.py
    ├── admin.py
    ├── apps.py
    ├── forms.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_post_slug.py
    │   ├── 0003_alter_recipe_post.py
    │   ├── 0004_auto_20210424_2015.py
    │   ├── 0005_alter_post_slug.py
    │   ├── 0006_alter_comment_website.py
    │   ├── 0007_comment_create_at.py
    │   ├── 0008_alter_post_slug.py
    │   └── __init__.py
    ├── models.py
    ├── templatetags
    │   ├── __init__.py
    │   └── menu_tags.py
    ├── tests.py
    ├── urls.py
    └── views.py
├── config
    ├── __init__.py
    ├── asgi.py
    ├── settings.py
    ├── urls.py
    └── wsgi.py
├── contact
    ├── __init__.py
    ├── admin.py
    ├── apps.py
    ├── forms.py
    ├── migrations
    │   ├── 0001_initial.py
    │   ├── 0002_alter_contactmodel_website.py
    │   ├── 0003_about_imageabout_social.py
    │   ├── 0004_about_name.py
    │   └── __init__.py
    ├── models.py
    ├── templatetags
    │   ├── __init__.py
    │   └── social_tags.py
    ├── tests.py
    ├── urls.py
    └── views.py
├── gallery
    ├── __init__.py
    ├── admin.py
    ├── apps.py
    ├── migrations
    │   ├── 0001_initial.py
    │   └── __init__.py
    ├── models.py
    ├── templatetags
    │   ├── __init__.py
    │   └── gallery_tags.py
    ├── tests.py
    └── views.py
├── manage.py
├── req.txt
├── static
    ├── css
    │   ├── bootstrap.min.css
    │   ├── elegant-icons.css
    │   ├── font-awesome.min.css
    │   ├── owl.carousel.min.css
    │   ├── slicknav.min.css
    │   └── style.css
    ├── fonts
    │   ├── ElegantIcons.eot
    │   ├── ElegantIcons.svg
    │   ├── ElegantIcons.ttf
    │   ├── ElegantIcons.woff
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.svg
    │   ├── fontawesome-webfont.ttf
    │   ├── fontawesome-webfont.woff
    │   └── fontawesome-webfont.woff2
    ├── icons
    │   ├── facebook.png
    │   ├── instagram.png
    │   ├── mail.png
    │   ├── smartphone.png
    │   ├── twitter.png
    │   └── youtube.png
    ├── img
    │   ├── about
    │   │   ├── about-1.jpg
    │   │   ├── about-2.jpg
    │   │   └── about-3.jpg
    │   ├── categories
    │   │   ├── cat-1.jpg
    │   │   ├── cat-2.jpg
    │   │   ├── cat-3.jpg
    │   │   ├── cat-4.jpg
    │   │   ├── categories-list
    │   │   │   ├── cl-1.jpg
    │   │   │   ├── cl-2.jpg
    │   │   │   ├── cl-3.jpg
    │   │   │   ├── cl-4.jpg
    │   │   │   ├── cl-5.jpg
    │   │   │   ├── cl-6.jpg
    │   │   │   └── cl-7.jpg
    │   │   ├── categories-post
    │   │   │   ├── cp-1.jpg
    │   │   │   ├── cp-2.jpg
    │   │   │   ├── cp-3.jpg
    │   │   │   ├── cp-4.jpg
    │   │   │   ├── cp-5.jpg
    │   │   │   ├── cp-6.jpg
    │   │   │   ├── cp-7.jpg
    │   │   │   ├── cp-8.jpg
    │   │   │   └── quote.png
    │   │   └── single-post
    │   │   │   ├── author-profile.jpg
    │   │   │   ├── comment
    │   │   │       ├── comment-1.jpg
    │   │   │       ├── comment-2.jpg
    │   │   │       └── comment-3.jpg
    │   │   │   ├── quote-left.png
    │   │   │   ├── single-post-desc.jpg
    │   │   │   └── single-post-hero.jpg
    │   ├── footer
    │   │   ├── instagram-avatar.jpg
    │   │   ├── ip-1.jpg
    │   │   ├── ip-2.jpg
    │   │   ├── ip-3.jpg
    │   │   ├── ip-4.jpg
    │   │   ├── ip-5.jpg
    │   │   └── ip-6.jpg
    │   ├── hero
    │   │   ├── hero-1.jpg
    │   │   ├── hero-2.jpg
    │   │   ├── hero-3.jpg
    │   │   └── hero-4.jpg
    │   ├── humberger
    │   │   ├── humberger-about.jpg
    │   │   └── humberger-logo.png
    │   ├── logo.png
    │   ├── megamenu
    │   │   ├── p-1.jpg
    │   │   ├── p-2.jpg
    │   │   ├── p-3.jpg
    │   │   ├── p-4.jpg
    │   │   └── p-5.jpg
    │   ├── sidebar
    │   │   ├── banner.jpg
    │   │   ├── feature-post.jpg
    │   │   └── sidebar-about.jpg
    │   ├── siign-in-logo.png
    │   └── typography.jpg
    ├── js
    │   ├── bootstrap.min.js
    │   ├── jquery-3.3.1.min.js
    │   ├── jquery.slicknav.js
    │   ├── main.js
    │   └── owl.carousel.min.js
    └── sass
    │   ├── _404.scss
    │   ├── _about-page.scss
    │   ├── _base.scss
    │   ├── _categories.scss
    │   ├── _contact.scss
    │   ├── _footer.scss
    │   ├── _header.scss
    │   ├── _hero.scss
    │   ├── _mixins.scss
    │   ├── _responsive.scss
    │   ├── _sidebar.scss
    │   ├── _signin.scss
    │   ├── _single-post.scss
    │   ├── _typography.scss
    │   ├── _variable.scss
    │   └── style.scss
└── templates
    ├── base.html
    ├── blog
        ├── home.html
        ├── include
        │   ├── left_nav.html
        │   ├── sidebar.html
        │   ├── sidebar_category.html
        │   ├── tags
        │   │   ├── gallery_tag.html
        │   │   ├── recipes_tag.html
        │   │   └── top_menu.html
        │   └── top_nav.html
        ├── post_detail.html
        └── post_list.html
    ├── contact
        ├── about.html
        └── contact.html
    ├── footer.html
    └── header.html


/.gitattributes:
--------------------------------------------------------------------------------
1 | *.js linguist-language=Python
2 | static/* linguist-vendored
3 | jquery.js linguist-vendored=false
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .idea
 2 | idea
 3 | .DS_Store
 4 | 
 5 | *.egg-info/
 6 | .installed.cfg
 7 | *.egg
 8 | 
 9 | dist
10 | db.sqlite3
11 | 
12 | venv
13 | 
14 | __pycache__/
15 | */__pycache__/
16 | *.py[cod]
17 | .pyc
18 | *.pyc
19 | 
20 | !*media/.gitkeep
21 | media/*
22 | 
23 | log/debug.log
24 | 
25 | build
26 | doc
27 | home.rst
28 | make.bat
29 | Makefile
30 | 
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h2 align="center">Cook blog</h2>
 2 | 
 3 | 
 4 | **Ссылки**:
 5 | - [Telegram чат](https://t.me/trueDjangoChannel)
 6 | - [Telegram канал](https://t.me/django_school)
 7 | - [YouTube](https://www.youtube.com/channel/UC_hPYclmFCIENpMUHpPY8FQ?view_as=subscriber)
 8 | 
 9 | ### Описание проекта:
10 | Блог шеф-повара с рецептами
11 | 
12 | 
13 | ### Инструменты разработки
14 | 
15 | **Стек:**
16 | - Python >= 3.9
17 | - Django == 3.2.4
18 | - sqlite3
19 | 
20 | ## Разработка
21 | 
22 | ##### 1) Поставить звездочку)
23 | 
24 | ##### 2) Клонировать репозиторий
25 | 
26 |     git clone https://github.com/DJWOMS/cook_blog.git
27 | 
28 | ##### 3) Создать виртуальное окружение
29 | 
30 |     cd cook_blog
31 |     
32 |     python -m venv venv
33 |     
34 | ##### 4) Активировать виртуальное окружение
35 |     
36 | Linux
37 | 
38 |     source venv/bin/activate
39 |     
40 | Windows
41 | 
42 |     ./venv/Scripts/activate
43 | 
44 | ##### 5) Устанавливить зависимости:
45 | 
46 |     pip install -r req.txt
47 | 
48 | ##### 6) Выполнить команду для выполнения миграций
49 | 
50 |     python manage.py migrate
51 |     
52 | ##### 8) Создать суперпользователя
53 | 
54 |     python manage.py createsuperuser
55 |     
56 | ##### 9) Запустить сервер
57 | 
58 |     python manage.py runserver
59 | 
60 | ##### 10) Ссылки
61 | 
62 | - Сайт http://127.0.0.1:8000/
63 | 
64 | - Админ панель http://127.0.0.1:8000/admin
65 | 
66 | ## License
67 | 
68 | [BSD 3-Clause License](https://opensource.org/licenses/BSD-3-Clause)
69 | 
70 | Copyright (c) 2021-present, DJWOMS - Omelchenko Michael
71 | 
72 | 
73 | 
74 | 


--------------------------------------------------------------------------------
/blog/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/blog/__init__.py


--------------------------------------------------------------------------------
/blog/admin.py:
--------------------------------------------------------------------------------
 1 | from django.contrib import admin
 2 | from mptt.admin import MPTTModelAdmin
 3 | 
 4 | from . import models
 5 | 
 6 | 
 7 | class RecipeInline(admin.StackedInline):
 8 |     model = models.Recipe
 9 |     extra = 1
10 | 
11 | 
12 | @admin.register(models.Post)
13 | class PostAdmin(admin.ModelAdmin):
14 |     list_display = ["title", "category", "author", "create_at", "id"]
15 |     prepopulated_fields = {'slug': ('title', 'category'), }
16 |     inlines = [RecipeInline]
17 |     save_as = True
18 |     save_on_top = True
19 | 
20 | 
21 | @admin.register(models.Recipe)
22 | class RecipeAdmin(admin.ModelAdmin):
23 |     list_display = ["name", "prep_time", "cook_time", "post"]
24 | 
25 | 
26 | @admin.register(models.Comment)
27 | class CommentAdmin(admin.ModelAdmin):
28 |     list_display = ['name', 'email', 'website', 'create_at', 'id']
29 | 
30 | 
31 | admin.site.register(models.Category, MPTTModelAdmin)
32 | admin.site.register(models.Tag)
33 | 


--------------------------------------------------------------------------------
/blog/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class BlogConfig(AppConfig):
5 |     default_auto_field = 'django.db.models.BigAutoField'
6 |     name = 'blog'
7 | 


--------------------------------------------------------------------------------
/blog/forms.py:
--------------------------------------------------------------------------------
 1 | from django import forms
 2 | from .models import Comment
 3 | 
 4 | 
 5 | class CommentForm(forms.ModelForm):
 6 |     class Meta:
 7 |         model = Comment
 8 |         exclude = ['create_at', 'post']
 9 |         widgets = {
10 |             'name': forms.TextInput(attrs={'placeholder': 'name'}),
11 |             'email': forms.EmailInput(attrs={'placeholder': 'email'}),
12 |             'website': forms.TextInput(attrs={'placeholder': 'website'}),
13 |             'message': forms.Textarea(attrs={'placeholder': 'message'})
14 |         }
15 | 


--------------------------------------------------------------------------------
/blog/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-04-17 18:11
 2 | 
 3 | from django.conf import settings
 4 | from django.db import migrations, models
 5 | import django.db.models.deletion
 6 | import mptt.fields
 7 | 
 8 | 
 9 | class Migration(migrations.Migration):
10 | 
11 |     initial = True
12 | 
13 |     dependencies = [
14 |         migrations.swappable_dependency(settings.AUTH_USER_MODEL),
15 |     ]
16 | 
17 |     operations = [
18 |         migrations.CreateModel(
19 |             name='Category',
20 |             fields=[
21 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
22 |                 ('name', models.CharField(max_length=100)),
23 |                 ('slug', models.SlugField(max_length=100)),
24 |                 ('lft', models.PositiveIntegerField(editable=False)),
25 |                 ('rght', models.PositiveIntegerField(editable=False)),
26 |                 ('tree_id', models.PositiveIntegerField(db_index=True, editable=False)),
27 |                 ('level', models.PositiveIntegerField(editable=False)),
28 |                 ('parent', mptt.fields.TreeForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='children', to='blog.category')),
29 |             ],
30 |             options={
31 |                 'abstract': False,
32 |             },
33 |         ),
34 |         migrations.CreateModel(
35 |             name='Post',
36 |             fields=[
37 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
38 |                 ('title', models.CharField(max_length=200)),
39 |                 ('image', models.ImageField(upload_to='articles/')),
40 |                 ('text', models.TextField()),
41 |                 ('create_at', models.DateTimeField(auto_now_add=True)),
42 |                 ('author', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='posts', to=settings.AUTH_USER_MODEL)),
43 |                 ('category', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='post', to='blog.category')),
44 |             ],
45 |         ),
46 |         migrations.CreateModel(
47 |             name='Tag',
48 |             fields=[
49 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
50 |                 ('name', models.CharField(max_length=100)),
51 |                 ('slug', models.SlugField(max_length=100)),
52 |             ],
53 |         ),
54 |         migrations.CreateModel(
55 |             name='Recipe',
56 |             fields=[
57 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
58 |                 ('name', models.CharField(max_length=100)),
59 |                 ('serves', models.CharField(max_length=50)),
60 |                 ('prep_time', models.PositiveIntegerField(default=0)),
61 |                 ('cook_time', models.PositiveIntegerField(default=0)),
62 |                 ('ingredients', models.TextField()),
63 |                 ('directions', models.TextField()),
64 |                 ('post', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='recipe', to='blog.post')),
65 |             ],
66 |         ),
67 |         migrations.AddField(
68 |             model_name='post',
69 |             name='tags',
70 |             field=models.ManyToManyField(related_name='post', to='blog.Tag'),
71 |         ),
72 |         migrations.CreateModel(
73 |             name='Comment',
74 |             fields=[
75 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
76 |                 ('name', models.CharField(max_length=50)),
77 |                 ('email', models.CharField(max_length=100)),
78 |                 ('website', models.CharField(max_length=150)),
79 |                 ('message', models.TextField(max_length=500)),
80 |                 ('post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='comment', to='blog.post')),
81 |             ],
82 |         ),
83 |     ]
84 | 


--------------------------------------------------------------------------------
/blog/migrations/0002_post_slug.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-04-17 19:58
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('blog', '0001_initial'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AddField(
14 |             model_name='post',
15 |             name='slug',
16 |             field=models.SlugField(default='', max_length=200),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/blog/migrations/0003_alter_recipe_post.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-04-17 20:16
 2 | 
 3 | from django.db import migrations, models
 4 | import django.db.models.deletion
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     dependencies = [
10 |         ('blog', '0002_post_slug'),
11 |     ]
12 | 
13 |     operations = [
14 |         migrations.AlterField(
15 |             model_name='recipe',
16 |             name='post',
17 |             field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='recipes', to='blog.post'),
18 |         ),
19 |     ]
20 | 


--------------------------------------------------------------------------------
/blog/migrations/0004_auto_20210424_2015.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-04-24 17:15
 2 | 
 3 | import ckeditor.fields
 4 | from django.db import migrations
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     dependencies = [
10 |         ('blog', '0003_alter_recipe_post'),
11 |     ]
12 | 
13 |     operations = [
14 |         migrations.AlterField(
15 |             model_name='recipe',
16 |             name='directions',
17 |             field=ckeditor.fields.RichTextField(),
18 |         ),
19 |         migrations.AlterField(
20 |             model_name='recipe',
21 |             name='ingredients',
22 |             field=ckeditor.fields.RichTextField(),
23 |         ),
24 |     ]
25 | 


--------------------------------------------------------------------------------
/blog/migrations/0005_alter_post_slug.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-04-24 18:12
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('blog', '0004_auto_20210424_2015'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AlterField(
14 |             model_name='post',
15 |             name='slug',
16 |             field=models.SlugField(default='', max_length=200, unique=True),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/blog/migrations/0006_alter_comment_website.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-06-12 17:10
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('blog', '0005_alter_post_slug'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AlterField(
14 |             model_name='comment',
15 |             name='website',
16 |             field=models.CharField(blank=True, max_length=150, null=True),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/blog/migrations/0007_comment_create_at.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-06-12 17:13
 2 | 
 3 | from django.db import migrations, models
 4 | import django.utils.timezone
 5 | 
 6 | 
 7 | class Migration(migrations.Migration):
 8 | 
 9 |     dependencies = [
10 |         ('blog', '0006_alter_comment_website'),
11 |     ]
12 | 
13 |     operations = [
14 |         migrations.AddField(
15 |             model_name='comment',
16 |             name='create_at',
17 |             field=models.DateTimeField(default=django.utils.timezone.now),
18 |         ),
19 |     ]
20 | 


--------------------------------------------------------------------------------
/blog/migrations/0008_alter_post_slug.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-07-03 16:25
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('blog', '0007_comment_create_at'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AlterField(
14 |             model_name='post',
15 |             name='slug',
16 |             field=models.SlugField(max_length=200, unique=True),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/blog/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/blog/migrations/__init__.py


--------------------------------------------------------------------------------
/blog/models.py:
--------------------------------------------------------------------------------
  1 | from ckeditor.fields import RichTextField
  2 | from django.contrib.auth.models import User
  3 | from django.db import models
  4 | from django.urls import reverse
  5 | from django.utils import timezone
  6 | from django.utils.text import slugify
  7 | from mptt.models import MPTTModel, TreeForeignKey
  8 | 
  9 | 
 10 | class Category(MPTTModel):
 11 |     name = models.CharField(max_length=100)
 12 |     slug = models.SlugField(max_length=100)
 13 |     parent = TreeForeignKey(
 14 |         'self',
 15 |         related_name="children",
 16 |         on_delete=models.SET_NULL,
 17 |         null=True,
 18 |         blank=True
 19 |     )
 20 | 
 21 |     def __str__(self):
 22 |         return self.name
 23 | 
 24 |     class MPTTMeta:
 25 |         order_insertion_by = ['name']
 26 | 
 27 | 
 28 | class Tag(models.Model):
 29 |     name = models.CharField(max_length=100)
 30 |     slug = models.SlugField(max_length=100)
 31 | 
 32 |     def __str__(self):
 33 |         return self.name
 34 | 
 35 | 
 36 | class Post(models.Model):
 37 |     author = models.ForeignKey(User, related_name="posts", on_delete=models.CASCADE)
 38 |     title = models.CharField(max_length=200)
 39 |     image = models.ImageField(upload_to='articles/')
 40 |     text = models.TextField()
 41 |     category = models.ForeignKey(
 42 |         Category,
 43 |         related_name="post",
 44 |         on_delete=models.SET_NULL,
 45 |         null=True
 46 |     )
 47 |     tags = models.ManyToManyField(Tag, related_name="post")
 48 |     create_at = models.DateTimeField(auto_now_add=True)
 49 |     slug = models.SlugField(max_length=200, unique=True)
 50 | 
 51 |     def __str__(self):
 52 |         return self.title
 53 | 
 54 |     def get_absolute_url(self):
 55 |         return reverse("post_single", kwargs={"slug": self.category.slug, "post_slug": self.slug})
 56 | 
 57 |     def get_recipes(self):
 58 |         return self.recipes.all()
 59 | 
 60 |     def get_comments(self):
 61 |         return self.comment.all()
 62 | 
 63 | 
 64 | class Recipe(models.Model):
 65 |     name = models.CharField(max_length=100)
 66 |     serves = models.CharField(max_length=50)
 67 |     prep_time = models.PositiveIntegerField(default=0)
 68 |     cook_time = models.PositiveIntegerField(default=0)
 69 |     ingredients = RichTextField()
 70 |     directions = RichTextField()
 71 |     post = models.ForeignKey(
 72 |         Post,
 73 |         related_name="recipes",
 74 |         on_delete=models.SET_NULL,
 75 |         null=True,
 76 |         blank=True
 77 |     )
 78 | 
 79 | 
 80 | class Comment(models.Model):
 81 |     name = models.CharField(max_length=50)
 82 |     email = models.CharField(max_length=100)
 83 |     website = models.CharField(max_length=150, blank=True, null=True)
 84 |     message = models.TextField(max_length=500)
 85 |     create_at = models.DateTimeField(default=timezone.now)
 86 |     post = models.ForeignKey(Post, related_name="comment", on_delete=models.CASCADE)
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 
 96 | 
 97 | 
 98 | 
 99 | 
100 | 
101 | 
102 | 


--------------------------------------------------------------------------------
/blog/templatetags/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/blog/templatetags/__init__.py


--------------------------------------------------------------------------------
/blog/templatetags/menu_tags.py:
--------------------------------------------------------------------------------
 1 | from django import template
 2 | from blog.models import Category, Post
 3 | 
 4 | register = template.Library()
 5 | 
 6 | 
 7 | def get_all_categories():
 8 |     return Category.objects.all()
 9 | 
10 | 
11 | @register.simple_tag()
12 | def get_list_category():
13 |     """Вывод всех категорий"""
14 |     return get_all_categories()
15 | 
16 | 
17 | @register.inclusion_tag('blog/include/tags/top_menu.html')
18 | def get_categories():
19 |     category = get_all_categories()
20 |     return {"list_category": category}
21 | 
22 | 
23 | @register.inclusion_tag('blog/include/tags/recipes_tag.html')
24 | def get_last_posts():
25 |     posts = Post.objects.select_related("category").order_by("-id")[:5]
26 |     return {"list_last_post": posts}
27 | 
28 | 


--------------------------------------------------------------------------------
/blog/tests.py:
--------------------------------------------------------------------------------
1 | from django.test import TestCase
2 | 
3 | # Create your tests here.
4 | 


--------------------------------------------------------------------------------
/blog/urls.py:
--------------------------------------------------------------------------------
 1 | from django.urls import path
 2 | from django.views.decorators.cache import cache_page
 3 | 
 4 | from . import views
 5 | 
 6 | 
 7 | urlpatterns = [
 8 |     path('comment/<int:pk>/', views.CreateComment.as_view(), name="create_comment"),
 9 |     path('<slug:slug>/<slug:post_slug>/', views.PostDetailView.as_view(), name="post_single"),
10 |     path('<slug:slug>/', views.PostListView.as_view(), name="post_list"),
11 |     # path('', cache_page(60 * 15)(views.HomeView.as_view()), name="home"),
12 |     path('', views.HomeView.as_view(), name="home"),
13 | ]
14 | 


--------------------------------------------------------------------------------
/blog/views.py:
--------------------------------------------------------------------------------
 1 | from django.views.generic import ListView, DetailView, CreateView
 2 | 
 3 | from .models import Post, Comment
 4 | from .forms import CommentForm
 5 | 
 6 | 
 7 | class HomeView(ListView):
 8 |     model = Post
 9 |     paginate_by = 9
10 |     template_name = "blog/home.html"
11 | 
12 | 
13 | class PostListView(ListView):
14 |     model = Post
15 | 
16 |     def get_queryset(self):
17 |         return Post.objects.filter(category__slug=self.kwargs.get("slug")).select_related('category')
18 | 
19 | 
20 | class PostDetailView(DetailView):
21 |     model = Post
22 |     context_object_name = "post"
23 |     slug_url_kwarg = 'post_slug'
24 | 
25 |     def get_context_data(self, **kwargs):
26 |         context = super().get_context_data(**kwargs)
27 |         context['form'] = CommentForm()
28 |         return context
29 | 
30 | 
31 | class CreateComment(CreateView):
32 |     model = Comment
33 |     form_class = CommentForm
34 | 
35 |     def form_valid(self, form):
36 |         form.instance.post_id = self.kwargs.get('pk')
37 |         self.object = form.save()
38 |         return super().form_valid(form)
39 | 
40 |     def get_success_url(self):
41 |         return self.object.post.get_absolute_url()
42 | 
43 | 


--------------------------------------------------------------------------------
/config/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/config/__init__.py


--------------------------------------------------------------------------------
/config/asgi.py:
--------------------------------------------------------------------------------
 1 | """
 2 | ASGI config for cook project.
 3 | 
 4 | It exposes the ASGI callable as a module-level variable named ``application``.
 5 | 
 6 | For more information on this file, see
 7 | https://docs.djangoproject.com/en/3.2/howto/deployment/asgi/
 8 | """
 9 | 
10 | import os
11 | 
12 | from django.core.asgi import get_asgi_application
13 | 
14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'config.settings')
15 | 
16 | application = get_asgi_application()
17 | 


--------------------------------------------------------------------------------
/config/settings.py:
--------------------------------------------------------------------------------
  1 | """
  2 | Django settings for cook project.
  3 | 
  4 | Generated by 'django-admin startproject' using Django 3.2.
  5 | 
  6 | For more information on this file, see
  7 | https://docs.djangoproject.com/en/3.2/topics/settings/
  8 | 
  9 | For the full list of settings and their values, see
 10 | https://docs.djangoproject.com/en/3.2/ref/settings/
 11 | """
 12 | import os
 13 | from pathlib import Path
 14 | 
 15 | # Build paths inside the project like this: BASE_DIR / 'subdir'.
 16 | BASE_DIR = Path(__file__).resolve().parent.parent
 17 | 
 18 | 
 19 | # Quick-start development settings - unsuitable for production
 20 | # See https://docs.djangoproject.com/en/3.2/howto/deployment/checklist/
 21 | 
 22 | # SECURITY WARNING: keep the secret key used in production secret!
 23 | SECRET_KEY = 'django-insecure-o6aa&&*+v)udu7ohlh)yi$0&@^e%_t6hqcvxqo5yonnvr%n9&u'
 24 | 
 25 | # SECURITY WARNING: don't run with debug turned on in production!
 26 | DEBUG = True
 27 | 
 28 | ALLOWED_HOSTS = []
 29 | 
 30 | 
 31 | # Application definition
 32 | 
 33 | INSTALLED_APPS = [
 34 |     'django.contrib.admin',
 35 |     'django.contrib.auth',
 36 |     'django.contrib.contenttypes',
 37 |     'django.contrib.sessions',
 38 |     'django.contrib.messages',
 39 |     'django.contrib.staticfiles',
 40 |     'debug_toolbar',
 41 |     'mptt',
 42 |     'ckeditor',
 43 | 
 44 |     'blog',
 45 |     'contact',
 46 |     'gallery',
 47 | ]
 48 | 
 49 | MIDDLEWARE = [
 50 |     'django.middleware.security.SecurityMiddleware',
 51 |     'django.contrib.sessions.middleware.SessionMiddleware',
 52 |     'debug_toolbar.middleware.DebugToolbarMiddleware',
 53 |     'django.middleware.common.CommonMiddleware',
 54 |     'django.middleware.csrf.CsrfViewMiddleware',
 55 |     'django.contrib.auth.middleware.AuthenticationMiddleware',
 56 |     'django.contrib.messages.middleware.MessageMiddleware',
 57 |     'django.middleware.clickjacking.XFrameOptionsMiddleware',
 58 | 
 59 | ]
 60 | 
 61 | ROOT_URLCONF = 'config.urls'
 62 | 
 63 | TEMPLATES = [
 64 |     {
 65 |         'BACKEND': 'django.template.backends.django.DjangoTemplates',
 66 |         'DIRS': [os.path.join(BASE_DIR, 'templates')],
 67 |         'APP_DIRS': True,
 68 |         'OPTIONS': {
 69 |             'context_processors': [
 70 |                 'django.template.context_processors.debug',
 71 |                 'django.template.context_processors.request',
 72 |                 'django.contrib.auth.context_processors.auth',
 73 |                 'django.contrib.messages.context_processors.messages',
 74 |             ],
 75 |         },
 76 |     },
 77 | ]
 78 | 
 79 | WSGI_APPLICATION = 'config.wsgi.application'
 80 | 
 81 | 
 82 | # Database
 83 | # https://docs.djangoproject.com/en/3.2/ref/settings/#databases
 84 | 
 85 | DATABASES = {
 86 |     'default': {
 87 |         'ENGINE': 'django.db.backends.sqlite3',
 88 |         'NAME': BASE_DIR / 'db.sqlite3',
 89 |     }
 90 | }
 91 | 
 92 | 
 93 | # Password validation
 94 | # https://docs.djangoproject.com/en/3.2/ref/settings/#auth-password-validators
 95 | 
 96 | AUTH_PASSWORD_VALIDATORS = [
 97 |     {
 98 |         'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
 99 |     },
100 |     {
101 |         'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
102 |     },
103 |     {
104 |         'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
105 |     },
106 |     {
107 |         'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
108 |     },
109 | ]
110 | 
111 | 
112 | # Internationalization
113 | # https://docs.djangoproject.com/en/3.2/topics/i18n/
114 | 
115 | LANGUAGE_CODE = 'ru'
116 | 
117 | TIME_ZONE = 'UTC'
118 | 
119 | USE_I18N = True
120 | 
121 | USE_L10N = True
122 | 
123 | USE_TZ = True
124 | 
125 | 
126 | STATIC_URL = '/static/'
127 | STATIC_DIR = os.path.join(BASE_DIR, 'static')
128 | STATICFILES_DIRS = [STATIC_DIR]
129 | 
130 | MEDIA_URL = '/media/'
131 | MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
132 | 
133 | DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
134 | 
135 | CKEDITOR_UPLOAD_PATH = "uploads/"
136 | 
137 | 
138 | INTERNAL_IPS = '127.0.0.1'
139 | 
140 | 
141 | CACHES = {
142 |     'default': {
143 |         'BACKEND': 'django.core.cache.backends.filebased.FileBasedCache',
144 |         'LOCATION': os.path.join(BASE_DIR, 'cache'),
145 |     }
146 | }
147 | 


--------------------------------------------------------------------------------
/config/urls.py:
--------------------------------------------------------------------------------
 1 | """cook URL Configuration
 2 | """
 3 | import debug_toolbar
 4 | from django.conf import settings
 5 | from django.conf.urls.static import static
 6 | from django.contrib import admin
 7 | from django.urls import path, include
 8 | 
 9 | urlpatterns = [
10 |     path('admin/', admin.site.urls),
11 |     path('ckeditor/', include('ckeditor_uploader.urls')),
12 |     path('__debug__/', include(debug_toolbar.urls)),
13 |     path('', include('contact.urls')),
14 |     path('', include('blog.urls')),
15 | ]
16 | 
17 | if settings.DEBUG:
18 |     urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
19 | 


--------------------------------------------------------------------------------
/config/wsgi.py:
--------------------------------------------------------------------------------
 1 | """
 2 | WSGI config for cook project.
 3 | 
 4 | It exposes the WSGI callable as a module-level variable named ``application``.
 5 | 
 6 | For more information on this file, see
 7 | https://docs.djangoproject.com/en/3.2/howto/deployment/wsgi/
 8 | """
 9 | 
10 | import os
11 | 
12 | from django.core.wsgi import get_wsgi_application
13 | 
14 | os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'config.settings')
15 | 
16 | application = get_wsgi_application()
17 | 


--------------------------------------------------------------------------------
/contact/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/contact/__init__.py


--------------------------------------------------------------------------------
/contact/admin.py:
--------------------------------------------------------------------------------
 1 | from django.contrib import admin
 2 | from .models import ContactModel, ContactLink, About, Social, ImageAbout
 3 | 
 4 | 
 5 | class ImageAboutInline(admin.StackedInline):
 6 |     model = ImageAbout
 7 |     extra = 1
 8 | 
 9 | 
10 | @admin.register(ContactModel)
11 | class ContactModelAdmin(admin.ModelAdmin):
12 |     list_display = ["id", "name", "email", "create_at"]
13 |     list_display_links = ("name",)
14 | 
15 | 
16 | @admin.register(About)
17 | class AboutAdmin(admin.ModelAdmin):
18 |     inlines = [ImageAboutInline]
19 | 
20 | 
21 | admin.site.register(ContactLink)
22 | admin.site.register(Social)
23 | 


--------------------------------------------------------------------------------
/contact/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class ContactConfig(AppConfig):
5 |     default_auto_field = 'django.db.models.BigAutoField'
6 |     name = 'contact'
7 | 


--------------------------------------------------------------------------------
/contact/forms.py:
--------------------------------------------------------------------------------
1 | from django import forms
2 | from .models import ContactModel
3 | 
4 | 
5 | class ContactForm(forms.ModelForm):
6 |     class Meta:
7 |         model = ContactModel
8 |         fields = '__all__'
9 | 


--------------------------------------------------------------------------------
/contact/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-05-29 17:28
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     initial = True
 9 | 
10 |     dependencies = [
11 |     ]
12 | 
13 |     operations = [
14 |         migrations.CreateModel(
15 |             name='ContactLink',
16 |             fields=[
17 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
18 |                 ('icon', models.FileField(upload_to='icons/')),
19 |                 ('name', models.CharField(max_length=200)),
20 |             ],
21 |         ),
22 |         migrations.CreateModel(
23 |             name='ContactModel',
24 |             fields=[
25 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
26 |                 ('name', models.CharField(max_length=50)),
27 |                 ('email', models.EmailField(max_length=254)),
28 |                 ('website', models.URLField()),
29 |                 ('message', models.TextField(max_length=5000)),
30 |                 ('create_at', models.DateTimeField(auto_now_add=True)),
31 |             ],
32 |         ),
33 |     ]
34 | 


--------------------------------------------------------------------------------
/contact/migrations/0002_alter_contactmodel_website.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-05-29 17:54
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('contact', '0001_initial'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AlterField(
14 |             model_name='contactmodel',
15 |             name='website',
16 |             field=models.URLField(blank=True, null=True),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/contact/migrations/0003_about_imageabout_social.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-05-29 18:28
 2 | 
 3 | import ckeditor.fields
 4 | from django.db import migrations, models
 5 | import django.db.models.deletion
 6 | 
 7 | 
 8 | class Migration(migrations.Migration):
 9 | 
10 |     dependencies = [
11 |         ('contact', '0002_alter_contactmodel_website'),
12 |     ]
13 | 
14 |     operations = [
15 |         migrations.CreateModel(
16 |             name='About',
17 |             fields=[
18 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
19 |                 ('text', ckeditor.fields.RichTextField()),
20 |                 ('mini_text', ckeditor.fields.RichTextField()),
21 |             ],
22 |         ),
23 |         migrations.CreateModel(
24 |             name='Social',
25 |             fields=[
26 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
27 |                 ('icon', models.FileField(upload_to='icons/')),
28 |                 ('name', models.CharField(max_length=200)),
29 |                 ('link', models.URLField()),
30 |             ],
31 |         ),
32 |         migrations.CreateModel(
33 |             name='ImageAbout',
34 |             fields=[
35 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
36 |                 ('image', models.ImageField(upload_to='about/')),
37 |                 ('alt', models.CharField(max_length=100)),
38 |                 ('page', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='about_images', to='contact.about')),
39 |             ],
40 |         ),
41 |     ]
42 | 


--------------------------------------------------------------------------------
/contact/migrations/0004_about_name.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-06-12 17:53
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     dependencies = [
 9 |         ('contact', '0003_about_imageabout_social'),
10 |     ]
11 | 
12 |     operations = [
13 |         migrations.AddField(
14 |             model_name='about',
15 |             name='name',
16 |             field=models.CharField(default='', max_length=50),
17 |         ),
18 |     ]
19 | 


--------------------------------------------------------------------------------
/contact/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/contact/migrations/__init__.py


--------------------------------------------------------------------------------
/contact/models.py:
--------------------------------------------------------------------------------
 1 | from ckeditor.fields import RichTextField
 2 | from django.db import models
 3 | 
 4 | 
 5 | class ContactModel(models.Model):
 6 |     """ Класс модели обратной связи"""
 7 |     name = models.CharField(max_length=50)
 8 |     email = models.EmailField()
 9 |     website = models.URLField(blank=True, null=True)
10 |     message = models.TextField(max_length=5000)
11 |     create_at = models.DateTimeField(auto_now_add=True)
12 | 
13 |     def __str__(self):
14 |         return f'{self.name} - {self.email}'
15 | 
16 | 
17 | class ContactLink(models.Model):
18 |     """ Класс модели контактов """
19 |     icon = models.FileField(upload_to="icons/")
20 |     name = models.CharField(max_length=200)
21 | 
22 |     def __str__(self):
23 |         return self.name
24 | 
25 | 
26 | class About(models.Model):
27 |     """ Класс модели страницы о нас """
28 |     name = models.CharField(max_length=50, default='')
29 |     text = RichTextField()
30 |     mini_text = RichTextField()
31 | 
32 |     def get_first_image(self):
33 |         item = self.about_images.first()
34 |         return item.image.url
35 | 
36 |     def get_images(self):
37 |         return self.about_images.order_by('id')[1:]
38 | 
39 | 
40 | class ImageAbout(models.Model):
41 |     """ Класс модели изображений страницы о нас """
42 |     image = models.ImageField(upload_to="about/")
43 |     page = models.ForeignKey(About, on_delete=models.CASCADE, related_name="about_images")
44 |     alt = models.CharField(max_length=100)
45 | 
46 | 
47 | class Social(models.Model):
48 |     """ Класс модели соцю сетей страницы о нас """
49 |     icon = models.FileField(upload_to="icons/")
50 |     name = models.CharField(max_length=200)
51 |     link = models.URLField()
52 | 
53 | 
54 | 
55 | 
56 | 
57 | 
58 | 
59 | 
60 | 
61 | 


--------------------------------------------------------------------------------
/contact/templatetags/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/contact/templatetags/__init__.py


--------------------------------------------------------------------------------
/contact/templatetags/social_tags.py:
--------------------------------------------------------------------------------
 1 | from django import template
 2 | from contact.models import Social, About
 3 | 
 4 | 
 5 | register = template.Library()
 6 | 
 7 | 
 8 | @register.simple_tag()
 9 | def get_social_links():
10 |     """Вывод ссылок соц. сетей"""
11 |     return Social.objects.all()
12 | 
13 | 
14 | @register.simple_tag()
15 | def get_about():
16 |     """Вывод about"""
17 |     return About.objects.last()
18 | 


--------------------------------------------------------------------------------
/contact/tests.py:
--------------------------------------------------------------------------------
1 | from django.test import TestCase
2 | 
3 | # Create your tests here.
4 | 


--------------------------------------------------------------------------------
/contact/urls.py:
--------------------------------------------------------------------------------
 1 | from django.urls import path
 2 | from . import views
 3 | 
 4 | 
 5 | urlpatterns = [
 6 |     path('contact/', views.ContactView.as_view(), name="contact"),
 7 |     path('about/', views.AboutView.as_view(), name="about"),
 8 |     path('feedback/', views.CreateContact.as_view(), name="feedback"),
 9 | ]
10 | 


--------------------------------------------------------------------------------
/contact/views.py:
--------------------------------------------------------------------------------
 1 | from django.shortcuts import render
 2 | from django.views import View
 3 | from django.views.generic import CreateView
 4 | 
 5 | from .models import ContactLink, About
 6 | from .forms import ContactForm
 7 | 
 8 | 
 9 | class ContactView(View):
10 |     def get(self, request):
11 |         contacts = ContactLink.objects.all()
12 |         form = ContactForm()
13 |         return render(request, 'contact/contact.html', {"contacts": contacts, "form": form})
14 | 
15 | 
16 | class CreateContact(CreateView):
17 |     form_class = ContactForm
18 |     success_url = '/'
19 | 
20 | 
21 | class AboutView(View):
22 |     def get(self, request):
23 |         about = About.objects.last()
24 |         return render(request, 'contact/about.html', {"about": about})
25 | 
26 | 
27 | 


--------------------------------------------------------------------------------
/gallery/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/gallery/__init__.py


--------------------------------------------------------------------------------
/gallery/admin.py:
--------------------------------------------------------------------------------
 1 | from django.contrib import admin
 2 | from django.utils.safestring import mark_safe
 3 | 
 4 | from .models import Photo, Gallery
 5 | 
 6 | 
 7 | @admin.register(Photo)
 8 | class PhotoAdmin(admin.ModelAdmin):
 9 |     list_display = ("name", "create_date", "get_image")
10 |     readonly_fields = ("get_image",)
11 |     prepopulated_fields = {'slug': ('name',)}
12 | 
13 |     def get_image(self, obj):
14 |         return mark_safe(f'<img src={obj.image.url} width="110" height="80"')
15 | 
16 | 
17 | @admin.register(Gallery)
18 | class PhotoAdmin(admin.ModelAdmin):
19 |     list_display = ("name", "create_date")
20 | 


--------------------------------------------------------------------------------
/gallery/apps.py:
--------------------------------------------------------------------------------
1 | from django.apps import AppConfig
2 | 
3 | 
4 | class GalleryConfig(AppConfig):
5 |     default_auto_field = 'django.db.models.BigAutoField'
6 |     name = 'gallery'
7 | 


--------------------------------------------------------------------------------
/gallery/migrations/0001_initial.py:
--------------------------------------------------------------------------------
 1 | # Generated by Django 3.2 on 2021-07-03 16:25
 2 | 
 3 | from django.db import migrations, models
 4 | 
 5 | 
 6 | class Migration(migrations.Migration):
 7 | 
 8 |     initial = True
 9 | 
10 |     dependencies = [
11 |     ]
12 | 
13 |     operations = [
14 |         migrations.CreateModel(
15 |             name='Photo',
16 |             fields=[
17 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
18 |                 ('name', models.CharField(max_length=250)),
19 |                 ('image', models.ImageField(upload_to='gallery')),
20 |                 ('captions', models.TextField(blank=True)),
21 |                 ('create_date', models.DateTimeField(auto_now_add=True)),
22 |                 ('slug', models.SlugField(max_length=255)),
23 |             ],
24 |             options={
25 |                 'ordering': ['name'],
26 |             },
27 |         ),
28 |         migrations.CreateModel(
29 |             name='Gallery',
30 |             fields=[
31 |                 ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
32 |                 ('name', models.CharField(max_length=250)),
33 |                 ('captions', models.TextField(blank=True, max_length=250)),
34 |                 ('create_date', models.DateTimeField(auto_now_add=True)),
35 |                 ('slug', models.SlugField(max_length=255)),
36 |                 ('images', models.ManyToManyField(to='gallery.Photo')),
37 |             ],
38 |             options={
39 |                 'ordering': ['name'],
40 |             },
41 |         ),
42 |     ]
43 | 


--------------------------------------------------------------------------------
/gallery/migrations/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/gallery/migrations/__init__.py


--------------------------------------------------------------------------------
/gallery/models.py:
--------------------------------------------------------------------------------
 1 | from django.db import models
 2 | 
 3 | 
 4 | class Photo(models.Model):
 5 |     """Класс модели галереи"""
 6 |     name = models.CharField(max_length=250)
 7 |     image = models.ImageField(upload_to='gallery')
 8 |     captions = models.TextField(blank=True)
 9 |     create_date = models.DateTimeField(auto_now_add=True)
10 |     slug = models.SlugField(max_length=255)
11 | 
12 |     def __str__(self):
13 |         return self.name
14 | 
15 |     class Meta:
16 |         ordering = ['name']
17 | 
18 | 
19 | class Gallery(models.Model):
20 |     """Модель галереи"""
21 |     name = models.CharField(max_length=250)
22 |     images = models.ManyToManyField(Photo)
23 |     captions = models.TextField(max_length=250, blank=True)
24 |     create_date = models.DateTimeField(auto_now_add=True)
25 |     slug = models.SlugField(max_length=255)
26 | 
27 |     def __str__(self):
28 |         return self.name
29 | 
30 |     class Meta:
31 |         ordering = ['name']
32 | 


--------------------------------------------------------------------------------
/gallery/templatetags/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/gallery/templatetags/__init__.py


--------------------------------------------------------------------------------
/gallery/templatetags/gallery_tags.py:
--------------------------------------------------------------------------------
 1 | from django import template
 2 | from gallery.models import Photo
 3 | 
 4 | register = template.Library()
 5 | 
 6 | 
 7 | @register.inclusion_tag('blog/include/tags/gallery_tag.html')
 8 | def get_gallery():
 9 |     photos = Photo.objects.order_by()[:5]
10 |     return {"photos": photos}
11 | 
12 | 


--------------------------------------------------------------------------------
/gallery/tests.py:
--------------------------------------------------------------------------------
1 | from django.test import TestCase
2 | 
3 | # Create your tests here.
4 | 


--------------------------------------------------------------------------------
/gallery/views.py:
--------------------------------------------------------------------------------
1 | from django.shortcuts import render
2 | 
3 | # Create your views here.
4 | 


--------------------------------------------------------------------------------
/manage.py:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env python
 2 | """Django's command-line utility for administrative tasks."""
 3 | import os
 4 | import sys
 5 | 
 6 | 
 7 | def main():
 8 |     """Run administrative tasks."""
 9 |     os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'config.settings')
10 |     try:
11 |         from django.core.management import execute_from_command_line
12 |     except ImportError as exc:
13 |         raise ImportError(
14 |             "Couldn't import Django. Are you sure it's installed and "
15 |             "available on your PYTHONPATH environment variable? Did you "
16 |             "forget to activate a virtual environment?"
17 |         ) from exc
18 |     execute_from_command_line(sys.argv)
19 | 
20 | 
21 | if __name__ == '__main__':
22 |     main()
23 | 


--------------------------------------------------------------------------------
/req.txt:
--------------------------------------------------------------------------------
1 | asgiref==3.3.4
2 | Django==3.2.4
3 | django-mptt==0.14.0
4 | Pillow==9.3.0
5 | pytz==2021.1
6 | sqlparse==0.4.1
7 | django-debug-toolbar==3.8.1
8 | django-ckeditor==6.5.1
9 | 


--------------------------------------------------------------------------------
/static/css/owl.carousel.min.css:
--------------------------------------------------------------------------------
1 | /**
2 |  * Owl Carousel v2.3.4
3 |  * Copyright 2013-2018 David Deutsch
4 |  * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
5 |  */
6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


--------------------------------------------------------------------------------
/static/css/slicknav.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * SlickNav Responsive Mobile Menu v1.0.10
3 |  * (c) 2016 Josh Cope
4 |  * licensed under MIT
5 |  */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}


--------------------------------------------------------------------------------
/static/fonts/ElegantIcons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/ElegantIcons.eot


--------------------------------------------------------------------------------
/static/fonts/ElegantIcons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/ElegantIcons.ttf


--------------------------------------------------------------------------------
/static/fonts/ElegantIcons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/ElegantIcons.woff


--------------------------------------------------------------------------------
/static/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/static/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/static/icons/facebook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/icons/facebook.png


--------------------------------------------------------------------------------
/static/icons/instagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/icons/instagram.png


--------------------------------------------------------------------------------
/static/icons/mail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/icons/mail.png


--------------------------------------------------------------------------------
/static/icons/smartphone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/icons/smartphone.png


--------------------------------------------------------------------------------
/static/icons/twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/icons/twitter.png


--------------------------------------------------------------------------------
/static/icons/youtube.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/icons/youtube.png


--------------------------------------------------------------------------------
/static/img/about/about-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/about/about-1.jpg


--------------------------------------------------------------------------------
/static/img/about/about-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/about/about-2.jpg


--------------------------------------------------------------------------------
/static/img/about/about-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/about/about-3.jpg


--------------------------------------------------------------------------------
/static/img/categories/cat-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/cat-1.jpg


--------------------------------------------------------------------------------
/static/img/categories/cat-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/cat-2.jpg


--------------------------------------------------------------------------------
/static/img/categories/cat-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/cat-3.jpg


--------------------------------------------------------------------------------
/static/img/categories/cat-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/cat-4.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-1.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-2.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-3.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-4.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-5.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-6.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-list/cl-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-list/cl-7.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-1.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-2.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-3.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-4.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-5.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-6.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-7.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/cp-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/cp-8.jpg


--------------------------------------------------------------------------------
/static/img/categories/categories-post/quote.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/categories-post/quote.png


--------------------------------------------------------------------------------
/static/img/categories/single-post/author-profile.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/author-profile.jpg


--------------------------------------------------------------------------------
/static/img/categories/single-post/comment/comment-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/comment/comment-1.jpg


--------------------------------------------------------------------------------
/static/img/categories/single-post/comment/comment-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/comment/comment-2.jpg


--------------------------------------------------------------------------------
/static/img/categories/single-post/comment/comment-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/comment/comment-3.jpg


--------------------------------------------------------------------------------
/static/img/categories/single-post/quote-left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/quote-left.png


--------------------------------------------------------------------------------
/static/img/categories/single-post/single-post-desc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/single-post-desc.jpg


--------------------------------------------------------------------------------
/static/img/categories/single-post/single-post-hero.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/categories/single-post/single-post-hero.jpg


--------------------------------------------------------------------------------
/static/img/footer/instagram-avatar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/instagram-avatar.jpg


--------------------------------------------------------------------------------
/static/img/footer/ip-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/ip-1.jpg


--------------------------------------------------------------------------------
/static/img/footer/ip-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/ip-2.jpg


--------------------------------------------------------------------------------
/static/img/footer/ip-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/ip-3.jpg


--------------------------------------------------------------------------------
/static/img/footer/ip-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/ip-4.jpg


--------------------------------------------------------------------------------
/static/img/footer/ip-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/ip-5.jpg


--------------------------------------------------------------------------------
/static/img/footer/ip-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/footer/ip-6.jpg


--------------------------------------------------------------------------------
/static/img/hero/hero-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/hero/hero-1.jpg


--------------------------------------------------------------------------------
/static/img/hero/hero-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/hero/hero-2.jpg


--------------------------------------------------------------------------------
/static/img/hero/hero-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/hero/hero-3.jpg


--------------------------------------------------------------------------------
/static/img/hero/hero-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/hero/hero-4.jpg


--------------------------------------------------------------------------------
/static/img/humberger/humberger-about.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/humberger/humberger-about.jpg


--------------------------------------------------------------------------------
/static/img/humberger/humberger-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/humberger/humberger-logo.png


--------------------------------------------------------------------------------
/static/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/logo.png


--------------------------------------------------------------------------------
/static/img/megamenu/p-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/megamenu/p-1.jpg


--------------------------------------------------------------------------------
/static/img/megamenu/p-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/megamenu/p-2.jpg


--------------------------------------------------------------------------------
/static/img/megamenu/p-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/megamenu/p-3.jpg


--------------------------------------------------------------------------------
/static/img/megamenu/p-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/megamenu/p-4.jpg


--------------------------------------------------------------------------------
/static/img/megamenu/p-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/megamenu/p-5.jpg


--------------------------------------------------------------------------------
/static/img/sidebar/banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/sidebar/banner.jpg


--------------------------------------------------------------------------------
/static/img/sidebar/feature-post.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/sidebar/feature-post.jpg


--------------------------------------------------------------------------------
/static/img/sidebar/sidebar-about.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/sidebar/sidebar-about.jpg


--------------------------------------------------------------------------------
/static/img/siign-in-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/siign-in-logo.png


--------------------------------------------------------------------------------
/static/img/typography.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DJWOMS/cook_blog/d2a15b4c9f9cfad6e6851a2473cb5253061cd4eb/static/img/typography.jpg


--------------------------------------------------------------------------------
/static/js/jquery.slicknav.js:
--------------------------------------------------------------------------------
  1 | ;(function ($, document, window) {
  2 |     var
  3 |     // default settings object.
  4 |         defaults = {
  5 |             label: 'MENU',
  6 |             duplicate: true,
  7 |             duration: 200,
  8 |             easingOpen: 'swing',
  9 |             easingClose: 'swing',
 10 |             closedSymbol: '&#9658;',
 11 |             openedSymbol: '&#9660;',
 12 |             prependTo: 'body',
 13 |             appendTo: '',
 14 |             parentTag: 'a',
 15 |             closeOnClick: false,
 16 |             allowParentLinks: false,
 17 |             nestedParentLinks: true,
 18 |             showChildren: false,
 19 |             removeIds: true,
 20 |             removeClasses: false,
 21 |             removeStyles: false,
 22 | 			brand: '',
 23 |             animations: 'jquery',
 24 |             init: function () {},
 25 |             beforeOpen: function () {},
 26 |             beforeClose: function () {},
 27 |             afterOpen: function () {},
 28 |             afterClose: function () {}
 29 |         },
 30 |         mobileMenu = 'slicknav',
 31 |         prefix = 'slicknav',
 32 | 
 33 |         Keyboard = {
 34 |             DOWN: 40,
 35 |             ENTER: 13,
 36 |             ESCAPE: 27,
 37 |             LEFT: 37,
 38 |             RIGHT: 39,
 39 |             SPACE: 32,
 40 |             TAB: 9,
 41 |             UP: 38,
 42 |         };
 43 | 
 44 |     function Plugin(element, options) {
 45 |         this.element = element;
 46 | 
 47 |         // jQuery has an extend method which merges the contents of two or
 48 |         // more objects, storing the result in the first object. The first object
 49 |         // is generally empty as we don't want to alter the default options for
 50 |         // future instances of the plugin
 51 |         this.settings = $.extend({}, defaults, options);
 52 | 
 53 |         // Don't remove IDs by default if duplicate is false
 54 |         if (!this.settings.duplicate && !options.hasOwnProperty("removeIds")) {
 55 |           this.settings.removeIds = false;
 56 |         }
 57 | 
 58 |         this._defaults = defaults;
 59 |         this._name = mobileMenu;
 60 | 
 61 |         this.init();
 62 |     }
 63 | 
 64 |     Plugin.prototype.init = function () {
 65 |         var $this = this,
 66 |             menu = $(this.element),
 67 |             settings = this.settings,
 68 |             iconClass,
 69 |             menuBar;
 70 | 
 71 |         // clone menu if needed
 72 |         if (settings.duplicate) {
 73 |             $this.mobileNav = menu.clone();
 74 |         } else {
 75 |             $this.mobileNav = menu;
 76 |         }
 77 | 
 78 |         // remove IDs if set
 79 |         if (settings.removeIds) {
 80 |           $this.mobileNav.removeAttr('id');
 81 |           $this.mobileNav.find('*').each(function (i, e) {
 82 |               $(e).removeAttr('id');
 83 |           });
 84 |         }
 85 | 
 86 |         // remove classes if set
 87 |         if (settings.removeClasses) {
 88 |             $this.mobileNav.removeAttr('class');
 89 |             $this.mobileNav.find('*').each(function (i, e) {
 90 |                 $(e).removeAttr('class');
 91 |             });
 92 |         }
 93 | 
 94 |         // remove styles if set
 95 |         if (settings.removeStyles) {
 96 |             $this.mobileNav.removeAttr('style');
 97 |             $this.mobileNav.find('*').each(function (i, e) {
 98 |                 $(e).removeAttr('style');
 99 |             });
100 |         }
101 | 
102 |         // styling class for the button
103 |         iconClass = prefix + '_icon';
104 | 
105 |         if (settings.label === '') {
106 |             iconClass += ' ' + prefix + '_no-text';
107 |         }
108 | 
109 |         if (settings.parentTag == 'a') {
110 |             settings.parentTag = 'a href="#"';
111 |         }
112 | 
113 |         // create menu bar
114 |         $this.mobileNav.attr('class', prefix + '_nav');
115 |         menuBar = $('<div class="' + prefix + '_menu"></div>');
116 | 		if (settings.brand !== '') {
117 | 			var brand = $('<div class="' + prefix + '_brand">'+settings.brand+'</div>');
118 | 			$(menuBar).append(brand);
119 | 		}
120 |         $this.btn = $(
121 |             ['<' + settings.parentTag + ' aria-haspopup="true" role="button" tabindex="0" class="' + prefix + '_btn ' + prefix + '_collapsed">',
122 |                 '<span class="' + prefix + '_menutxt">' + settings.label + '</span>',
123 |                 '<span class="' + iconClass + '">',
124 |                     '<span class="' + prefix + '_icon-bar"></span>',
125 |                     '<span class="' + prefix + '_icon-bar"></span>',
126 |                     '<span class="' + prefix + '_icon-bar"></span>',
127 |                 '</span>',
128 |             '</' + settings.parentTag + '>'
129 |             ].join('')
130 |         );
131 |         $(menuBar).append($this.btn);
132 |         if(settings.appendTo !== '') {
133 |             $(settings.appendTo).append(menuBar);
134 |         } else {
135 |             $(settings.prependTo).prepend(menuBar);
136 |         }
137 |         menuBar.append($this.mobileNav);
138 | 
139 |         // iterate over structure adding additional structure
140 |         var items = $this.mobileNav.find('li');
141 |         $(items).each(function () {
142 |             var item = $(this),
143 |                 data = {};
144 |             data.children = item.children('ul').attr('role', 'menu');
145 |             item.data('menu', data);
146 | 
147 |             // if a list item has a nested menu
148 |             if (data.children.length > 0) {
149 | 
150 |                 // select all text before the child menu
151 |                 // check for anchors
152 | 
153 |                 var a = item.contents(),
154 |                     containsAnchor = false,
155 |                     nodes = [];
156 | 
157 |                 $(a).each(function () {
158 |                     if (!$(this).is('ul')) {
159 |                         nodes.push(this);
160 |                     } else {
161 |                         return false;
162 |                     }
163 | 
164 |                     if($(this).is("a")) {
165 |                         containsAnchor = true;
166 |                     }
167 |                 });
168 | 
169 |                 var wrapElement = $(
170 |                     '<' + settings.parentTag + ' role="menuitem" aria-haspopup="true" tabindex="-1" class="' + prefix + '_item"/>'
171 |                 );
172 | 
173 |                 // wrap item text with tag and add classes unless we are separating parent links
174 |                 if ((!settings.allowParentLinks || settings.nestedParentLinks) || !containsAnchor) {
175 |                     var $wrap = $(nodes).wrapAll(wrapElement).parent();
176 |                     $wrap.addClass(prefix+'_row');
177 |                 } else
178 |                     $(nodes).wrapAll('<span class="'+prefix+'_parent-link '+prefix+'_row"/>').parent();
179 | 
180 |                 if (!settings.showChildren) {
181 |                     item.addClass(prefix+'_collapsed');
182 |                 } else {
183 |                     item.addClass(prefix+'_open');
184 |                 }
185 | 
186 |                 item.addClass(prefix+'_parent');
187 | 
188 |                 // create parent arrow. wrap with link if parent links and separating
189 |                 var arrowElement = $('<span class="'+prefix+'_arrow">'+(settings.showChildren?settings.openedSymbol:settings.closedSymbol)+'</span>');
190 | 
191 |                 if (settings.allowParentLinks && !settings.nestedParentLinks && containsAnchor)
192 |                     arrowElement = arrowElement.wrap(wrapElement).parent();
193 | 
194 |                 //append arrow
195 |                 $(nodes).last().after(arrowElement);
196 | 
197 | 
198 |             } else if ( item.children().length === 0) {
199 |                  item.addClass(prefix+'_txtnode');
200 |             }
201 | 
202 |             // accessibility for links
203 |             item.children('a').attr('role', 'menuitem').click(function(event){
204 |                 //Ensure that it's not a parent
205 |                 if (settings.closeOnClick && !$(event.target).parent().closest('li').hasClass(prefix+'_parent')) {
206 |                         //Emulate menu close if set
207 |                         $($this.btn).click();
208 |                     }
209 |             });
210 | 
211 |             //also close on click if parent links are set
212 |             if (settings.closeOnClick && settings.allowParentLinks) {
213 |                 item.children('a').children('a').click(function (event) {
214 |                     //Emulate menu close
215 |                     $($this.btn).click();
216 |                 });
217 | 
218 |                 item.find('.'+prefix+'_parent-link a:not(.'+prefix+'_item)').click(function(event){
219 |                     //Emulate menu close
220 |                         $($this.btn).click();
221 |                 });
222 |             }
223 |         });
224 | 
225 |         // structure is in place, now hide appropriate items
226 |         $(items).each(function () {
227 |             var data = $(this).data('menu');
228 |             if (!settings.showChildren){
229 |                 $this._visibilityToggle(data.children, null, false, null, true);
230 |             }
231 |         });
232 | 
233 |         // finally toggle entire menu
234 |         $this._visibilityToggle($this.mobileNav, null, false, 'init', true);
235 | 
236 |         // accessibility for menu button
237 |         $this.mobileNav.attr('role','menu');
238 | 
239 |         // outline prevention when using mouse
240 |         $(document).mousedown(function(){
241 |             $this._outlines(false);
242 |         });
243 | 
244 |         $(document).keyup(function(){
245 |             $this._outlines(true);
246 |         });
247 | 
248 |         // menu button click
249 |         $($this.btn).click(function (e) {
250 |             e.preventDefault();
251 |             $this._menuToggle();
252 |         });
253 | 
254 |         // click on menu parent
255 |         $this.mobileNav.on('click', '.' + prefix + '_item', function (e) {
256 |             e.preventDefault();
257 |             $this._itemClick($(this));
258 |         });
259 | 
260 |         // check for keyboard events on menu button and menu parents
261 |         $($this.btn).keydown(function (e) {
262 |             var ev = e || event;
263 | 
264 |             switch(ev.keyCode) {
265 |                 case Keyboard.ENTER:
266 |                 case Keyboard.SPACE:
267 |                 case Keyboard.DOWN:
268 |                     e.preventDefault();
269 |                     if (ev.keyCode !== Keyboard.DOWN || !$($this.btn).hasClass(prefix+'_open')){
270 |                         $this._menuToggle();
271 |                     }
272 |                     
273 |                     $($this.btn).next().find('[role="menuitem"]').first().focus();
274 |                     break;
275 |             }
276 | 
277 |             
278 |         });
279 | 
280 |         $this.mobileNav.on('keydown', '.'+prefix+'_item', function(e) {
281 |             var ev = e || event;
282 | 
283 |             switch(ev.keyCode) {
284 |                 case Keyboard.ENTER:
285 |                     e.preventDefault();
286 |                     $this._itemClick($(e.target));
287 |                     break;
288 |                 case Keyboard.RIGHT:
289 |                     e.preventDefault();
290 |                     if ($(e.target).parent().hasClass(prefix+'_collapsed')) {
291 |                         $this._itemClick($(e.target));
292 |                     }
293 |                     $(e.target).next().find('[role="menuitem"]').first().focus();
294 |                     break;
295 |             }
296 |         });
297 | 
298 |         $this.mobileNav.on('keydown', '[role="menuitem"]', function(e) {
299 |             var ev = e || event;
300 | 
301 |             switch(ev.keyCode){
302 |                 case Keyboard.DOWN:
303 |                     e.preventDefault();
304 |                     var allItems = $(e.target).parent().parent().children().children('[role="menuitem"]:visible');
305 |                     var idx = allItems.index( e.target );
306 |                     var nextIdx = idx + 1;
307 |                     if (allItems.length <= nextIdx) {
308 |                         nextIdx = 0;
309 |                     }
310 |                     var next = allItems.eq( nextIdx );
311 |                     next.focus();
312 |                 break;
313 |                 case Keyboard.UP:
314 |                     e.preventDefault();
315 |                     var allItems = $(e.target).parent().parent().children().children('[role="menuitem"]:visible');
316 |                     var idx = allItems.index( e.target );
317 |                     var next = allItems.eq( idx - 1 );
318 |                     next.focus();
319 |                 break;
320 |                 case Keyboard.LEFT:
321 |                     e.preventDefault();
322 |                     if ($(e.target).parent().parent().parent().hasClass(prefix+'_open')) {
323 |                         var parent = $(e.target).parent().parent().prev();
324 |                         parent.focus();
325 |                         $this._itemClick(parent);
326 |                     } else if ($(e.target).parent().parent().hasClass(prefix+'_nav')){
327 |                         $this._menuToggle();
328 |                         $($this.btn).focus();
329 |                     }
330 |                     break;
331 |                 case Keyboard.ESCAPE:
332 |                     e.preventDefault();
333 |                     $this._menuToggle();
334 |                     $($this.btn).focus();
335 |                     break;    
336 |             }
337 |         });
338 | 
339 |         // allow links clickable within parent tags if set
340 |         if (settings.allowParentLinks && settings.nestedParentLinks) {
341 |             $('.'+prefix+'_item a').click(function(e){
342 |                     e.stopImmediatePropagation();
343 |             });
344 |         }
345 |     };
346 | 
347 |     //toggle menu
348 |     Plugin.prototype._menuToggle = function (el) {
349 |         var $this = this;
350 |         var btn = $this.btn;
351 |         var mobileNav = $this.mobileNav;
352 | 
353 |         if (btn.hasClass(prefix+'_collapsed')) {
354 |             btn.removeClass(prefix+'_collapsed');
355 |             btn.addClass(prefix+'_open');
356 |         } else {
357 |             btn.removeClass(prefix+'_open');
358 |             btn.addClass(prefix+'_collapsed');
359 |         }
360 |         btn.addClass(prefix+'_animating');
361 |         $this._visibilityToggle(mobileNav, btn.parent(), true, btn);
362 |     };
363 | 
364 |     // toggle clicked items
365 |     Plugin.prototype._itemClick = function (el) {
366 |         var $this = this;
367 |         var settings = $this.settings;
368 |         var data = el.data('menu');
369 |         if (!data) {
370 |             data = {};
371 |             data.arrow = el.children('.'+prefix+'_arrow');
372 |             data.ul = el.next('ul');
373 |             data.parent = el.parent();
374 |             //Separated parent link structure
375 |             if (data.parent.hasClass(prefix+'_parent-link')) {
376 |                 data.parent = el.parent().parent();
377 |                 data.ul = el.parent().next('ul');
378 |             }
379 |             el.data('menu', data);
380 |         }
381 |         if (data.parent.hasClass(prefix+'_collapsed')) {
382 |             data.arrow.html(settings.openedSymbol);
383 |             data.parent.removeClass(prefix+'_collapsed');
384 |             data.parent.addClass(prefix+'_open');
385 |             data.parent.addClass(prefix+'_animating');
386 |             $this._visibilityToggle(data.ul, data.parent, true, el);
387 |         } else {
388 |             data.arrow.html(settings.closedSymbol);
389 |             data.parent.addClass(prefix+'_collapsed');
390 |             data.parent.removeClass(prefix+'_open');
391 |             data.parent.addClass(prefix+'_animating');
392 |             $this._visibilityToggle(data.ul, data.parent, true, el);
393 |         }
394 |     };
395 | 
396 |     // toggle actual visibility and accessibility tags
397 |     Plugin.prototype._visibilityToggle = function(el, parent, animate, trigger, init) {
398 |         var $this = this;
399 |         var settings = $this.settings;
400 |         var items = $this._getActionItems(el);
401 |         var duration = 0;
402 |         if (animate) {
403 |             duration = settings.duration;
404 |         }
405 |         
406 |         function afterOpen(trigger, parent) {
407 |             $(trigger).removeClass(prefix+'_animating');
408 |             $(parent).removeClass(prefix+'_animating');
409 | 
410 |             //Fire afterOpen callback
411 |             if (!init) {
412 |                 settings.afterOpen(trigger);
413 |             }
414 |         }
415 |         
416 |         function afterClose(trigger, parent) {
417 |             el.attr('aria-hidden','true');
418 |             items.attr('tabindex', '-1');
419 |             $this._setVisAttr(el, true);
420 |             el.hide(); //jQuery 1.7 bug fix
421 | 
422 |             $(trigger).removeClass(prefix+'_animating');
423 |             $(parent).removeClass(prefix+'_animating');
424 | 
425 |             //Fire init or afterClose callback
426 |             if (!init){
427 |                 settings.afterClose(trigger);
428 |             } else if (trigger == 'init'){
429 |                 settings.init();
430 |             }
431 |         }
432 | 
433 |         if (el.hasClass(prefix+'_hidden')) {
434 |             el.removeClass(prefix+'_hidden');
435 |              //Fire beforeOpen callback
436 |             if (!init) {
437 |                 settings.beforeOpen(trigger);
438 |             }
439 |             if (settings.animations === 'jquery') {
440 |                 el.stop(true,true).slideDown(duration, settings.easingOpen, function(){
441 |                     afterOpen(trigger, parent);
442 |                 });
443 |             } else if(settings.animations === 'velocity') {
444 |                 el.velocity("finish").velocity("slideDown", {
445 |                     duration: duration,
446 |                     easing: settings.easingOpen,
447 |                     complete: function() {
448 |                         afterOpen(trigger, parent);
449 |                     }
450 |                 });
451 |             }
452 |             el.attr('aria-hidden','false');
453 |             items.attr('tabindex', '0');
454 |             $this._setVisAttr(el, false);
455 |         } else {
456 |             el.addClass(prefix+'_hidden');
457 | 
458 |             //Fire init or beforeClose callback
459 |             if (!init){
460 |                 settings.beforeClose(trigger);
461 |             }
462 | 
463 |             if (settings.animations === 'jquery') {
464 |                 el.stop(true,true).slideUp(duration, this.settings.easingClose, function() {
465 |                     afterClose(trigger, parent)
466 |                 });
467 |             } else if (settings.animations === 'velocity') {
468 |                 
469 |                 el.velocity("finish").velocity("slideUp", {
470 |                     duration: duration,
471 |                     easing: settings.easingClose,
472 |                     complete: function() {
473 |                         afterClose(trigger, parent);
474 |                     }
475 |                 });
476 |             }
477 |         }
478 |     };
479 | 
480 |     // set attributes of element and children based on visibility
481 |     Plugin.prototype._setVisAttr = function(el, hidden) {
482 |         var $this = this;
483 | 
484 |         // select all parents that aren't hidden
485 |         var nonHidden = el.children('li').children('ul').not('.'+prefix+'_hidden');
486 | 
487 |         // iterate over all items setting appropriate tags
488 |         if (!hidden) {
489 |             nonHidden.each(function(){
490 |                 var ul = $(this);
491 |                 ul.attr('aria-hidden','false');
492 |                 var items = $this._getActionItems(ul);
493 |                 items.attr('tabindex', '0');
494 |                 $this._setVisAttr(ul, hidden);
495 |             });
496 |         } else {
497 |             nonHidden.each(function(){
498 |                 var ul = $(this);
499 |                 ul.attr('aria-hidden','true');
500 |                 var items = $this._getActionItems(ul);
501 |                 items.attr('tabindex', '-1');
502 |                 $this._setVisAttr(ul, hidden);
503 |             });
504 |         }
505 |     };
506 | 
507 |     // get all 1st level items that are clickable
508 |     Plugin.prototype._getActionItems = function(el) {
509 |         var data = el.data("menu");
510 |         if (!data) {
511 |             data = {};
512 |             var items = el.children('li');
513 |             var anchors = items.find('a');
514 |             data.links = anchors.add(items.find('.'+prefix+'_item'));
515 |             el.data('menu', data);
516 |         }
517 |         return data.links;
518 |     };
519 | 
520 |     Plugin.prototype._outlines = function(state) {
521 |         if (!state) {
522 |             $('.'+prefix+'_item, .'+prefix+'_btn').css('outline','none');
523 |         } else {
524 |             $('.'+prefix+'_item, .'+prefix+'_btn').css('outline','');
525 |         }
526 |     };
527 | 
528 |     Plugin.prototype.toggle = function(){
529 |         var $this = this;
530 |         $this._menuToggle();
531 |     };
532 | 
533 |     Plugin.prototype.open = function(){
534 |         var $this = this;
535 |         if ($this.btn.hasClass(prefix+'_collapsed')) {
536 |             $this._menuToggle();
537 |         }
538 |     };
539 | 
540 |     Plugin.prototype.close = function(){
541 |         var $this = this;
542 |         if ($this.btn.hasClass(prefix+'_open')) {
543 |             $this._menuToggle();
544 |         }
545 |     };
546 | 
547 |     $.fn[mobileMenu] = function ( options ) {
548 |         var args = arguments;
549 | 
550 |         // Is the first parameter an object (options), or was omitted, instantiate a new instance
551 |         if (options === undefined || typeof options === 'object') {
552 |             return this.each(function () {
553 | 
554 |                 // Only allow the plugin to be instantiated once due to methods
555 |                 if (!$.data(this, 'plugin_' + mobileMenu)) {
556 | 
557 |                     // if it has no instance, create a new one, pass options to our plugin constructor,
558 |                     // and store the plugin instance in the elements jQuery data object.
559 |                     $.data(this, 'plugin_' + mobileMenu, new Plugin( this, options ));
560 |                 }
561 |             });
562 | 
563 |         // If is a string and doesn't start with an underscore or 'init' function, treat this as a call to a public method.
564 |         } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
565 | 
566 |             // Cache the method call to make it possible to return a value
567 |             var returns;
568 | 
569 |             this.each(function () {
570 |                 var instance = $.data(this, 'plugin_' + mobileMenu);
571 | 
572 |                 // Tests that there's already a plugin-instance and checks that the requested public method exists
573 |                 if (instance instanceof Plugin && typeof instance[options] === 'function') {
574 | 
575 |                     // Call the method of our plugin instance, and pass it the supplied arguments.
576 |                     returns = instance[options].apply( instance, Array.prototype.slice.call( args, 1 ) );
577 |                 }
578 |             });
579 | 
580 |             // If the earlier cached method gives a value back return the value, otherwise return this to preserve chainability.
581 |             return returns !== undefined ? returns : this;
582 |         }
583 |     };
584 | }(jQuery, document, window));
585 | 


--------------------------------------------------------------------------------
/static/js/main.js:
--------------------------------------------------------------------------------
 1 | /*  ---------------------------------------------------
 2 |     Template Name: Foodeiblog
 3 |     Description:  Foodeiblog Blog HTML Template
 4 |     Author: Colorlib
 5 |     Author URI: https://colorlib.com
 6 |     Version: 1.0
 7 |     Created: Colorlib
 8 | ---------------------------------------------------------  */
 9 | 
10 | 'use strict';
11 | 
12 | (function ($) {
13 | 
14 |     /*------------------
15 |         Preloader
16 |     --------------------*/
17 |     $(window).on('load', function () {
18 |         $(".loader").fadeOut();
19 |         $("#preloder").delay(200).fadeOut("slow");
20 |     });
21 | 
22 |     /*------------------
23 |         Background Set
24 |     --------------------*/
25 |     $('.set-bg').each(function () {
26 |         var bg = $(this).data('setbg');
27 |         $(this).css('background-image', 'url(' + bg + ')');
28 |     });
29 | 
30 |     //Humberger Menu
31 |     $(".humberger__open").on('click', function () {
32 |         $(".humberger__menu__wrapper").addClass("show__humberger__menu__wrapper");
33 |         $(".humberger__menu__overlay").addClass("active");
34 |     });
35 | 
36 |     $(".humberger__menu__overlay").on('click', function () {
37 |         $(".humberger__menu__wrapper").removeClass("show__humberger__menu__wrapper");
38 |         $(".humberger__menu__overlay").removeClass("active");
39 |     });
40 | 
41 |     //Search Switch
42 |     $('.search-switch').on('click',function() {
43 |         $('.search-model').fadeIn(400);
44 |     });
45 | 
46 |     $('.search-close-switch').on('click',function() {
47 |         $('.search-model').fadeOut(400,function() {
48 |             $('#search-input').val('');
49 |         });
50 |     });
51 | 
52 |     /*------------------
53 | 		Navigation
54 | 	--------------------*/
55 |     $(".mobile-menu").slicknav({
56 |         prependTo: '#mobile-menu-wrap',
57 |         allowParentLinks: true
58 |     });
59 | 
60 |     /*------------------
61 |         Carousel Slider
62 |     --------------------*/
63 |     var hero_s = $(".hero__slider");
64 |     hero_s.owlCarousel({
65 |         loop: true,
66 |         margin: 0,
67 |         items: 1,
68 |         dots: false,
69 |         nav: true,
70 |         navText: ["<span class='arrow_carrot-left'><span/>", "<span class='arrow_carrot-right'><span/>"],
71 |         animateOut: 'fadeOut',
72 |         animateIn: 'fadeIn',
73 |         smartSpeed: 1200,
74 |         autoHeight: false,
75 |         autoplay: true
76 |     });
77 | 
78 | })(jQuery);


--------------------------------------------------------------------------------
/static/sass/_404.scss:
--------------------------------------------------------------------------------
 1 | /*---------------------
 2 |   404
 3 | -----------------------*/
 4 | .section-404 {
 5 |     height: 100%;
 6 |     width: 100%;
 7 |     background: rgba(0, 0, 0, 0.85);
 8 |     position: fixed;
 9 |     left: 0;
10 |     top: 0;
11 |     padding: 0 15px;
12 |     z-index: 99;
13 |     display: flex;
14 |     align-items: center;
15 |     justify-content: center;
16 |     overflow-y: auto;
17 | }
18 | 
19 | .text-404 {
20 |     text-align: center;
21 |     
22 |     h1 {
23 |         font-size: 200px;
24 |         font-weight: 700;
25 |         color: $white-color;
26 |         line-height: 192px;
27 |     }
28 | 
29 |     h3 {
30 |         color: $white-color;
31 |         margin-bottom: 8px;
32 |     }
33 | 
34 |     p {
35 |         font-size: 15px;
36 |         color: #c4c4c4;
37 |         margin-bottom: 35px;
38 |     }
39 | 
40 |     form {
41 |         width: 470px;
42 |         position: relative;
43 |         margin: 0 auto;
44 | 
45 |         input {
46 |             width: 100%;
47 |             height: 46px;
48 |             background: $primary-color;
49 |             border: none;
50 |             padding-left: 20px;
51 |             font-size: 15px;
52 |             color: $white-color;
53 | 
54 |             &::placeholder {
55 |                 color: $white-color; 
56 |             }
57 |         }
58 | 
59 |         button {
60 |             font-size: 16px;
61 |             color: $white-color;
62 |             background: transparent;
63 |             border: none;
64 |             position: absolute;
65 |             right: 15px;
66 |             top: 0;
67 |             height: 46px;
68 |         }
69 |     }
70 | }


--------------------------------------------------------------------------------
/static/sass/_about-page.scss:
--------------------------------------------------------------------------------
 1 | /*---------------------
 2 |     About Section
 3 | -----------------------*/
 4 | .about {
 5 |     padding-bottom: 90px;
 6 |     padding-top: 0;
 7 | }
 8 | 
 9 | .about__pic {
10 |     margin-right: -10px;
11 | }
12 | 
13 | .about__pic__item__large {
14 |     margin-bottom: 10px;
15 | 
16 |     img {
17 |         min-width: 100%;
18 |     }
19 | }
20 | 
21 | .about__pic__item {
22 |     width: calc(50% - 10px);
23 |     float: left;
24 |     margin-right: 10px;
25 |     margin-bottom: 10px;
26 | 
27 |     img {
28 |         min-width: 100%;
29 |     }
30 | }
31 | 
32 | .about__text {
33 |     border-top: 1px solid #ebebeb;
34 |     padding-top: 40px;
35 | }
36 | 
37 | .about__right__text {
38 | 
39 |     h2 {
40 |         text-transform: uppercase;
41 |         margin-bottom: 15px;
42 |     }
43 | 
44 |     p {
45 |         font-size: 15px;
46 |     }
47 | 
48 |     ul {
49 |         margin-left: 20px;
50 |         margin-bottom: 10px;
51 | 
52 |         li {
53 |             list-style: none;
54 |             font-size: 15px;
55 |             color: #444444;
56 |             line-height: 30px;
57 |             position: relative;
58 |             padding-left: 20px;
59 | 
60 |             &:before {
61 |                 position: absolute;
62 |                 left: 0;
63 |                 top: 13px;
64 |                 height: 3px;
65 |                 width: 3px;
66 |                 background: #444444;
67 |                 content: "";
68 |             }
69 |         }
70 |     }
71 | 
72 |     .about__right__text__social {
73 |         margin-top: 30px;
74 | 
75 |         a {
76 |             display: inline-block;
77 |             font-size: 14px;
78 |             color: #444444;
79 |             background: #ebebeb;
80 |             height: 46px;
81 |             width: 46px;
82 |             margin-right: 6px;
83 |             line-height: 46px;
84 |             text-align: center;
85 |             
86 |             &:last-child {
87 |                 margin-right: 0;
88 |             }
89 |         }
90 |     }
91 | }


--------------------------------------------------------------------------------
/static/sass/_base.scss:
--------------------------------------------------------------------------------
  1 | /******************************************************************
  2 |   Template Name: Foodeiblog
  3 |   Description:  Foodeiblog Blog HTML Template
  4 |   Author: Colorlib
  5 |   Author URI: https://colorlib.com
  6 |   Version: 1.0
  7 |   Created: Colorlib
  8 | ******************************************************************/
  9 | /*------------------------------------------------------------------
 10 | [Table of contents]
 11 | 
 12 | 1.  Template default CSS
 13 | 	1.1	Variables
 14 | 	1.2	Mixins
 15 | 	1.3	Flexbox
 16 | 	1.4	Reset
 17 | 2.  Helper Css
 18 | 3.  Header Section
 19 | 4.  Hero Section
 20 | 5.  Service Section
 21 | 6.  Categories Section
 22 | 7.  Instagram Section
 23 | 8.  About Section
 24 | 9.  Contact
 25 | 10.  Footer Style
 26 | -------------------------------------------------------------------*/
 27 | 
 28 | /*----------------------------------------*/
 29 | /* Template default CSS
 30 | /*----------------------------------------*/
 31 | html,
 32 | body {
 33 |   height: 100%;
 34 |   font-family: 'Nunito Sans', sans-serif;
 35 |   -webkit-font-smoothing: antialiased;
 36 | }
 37 | 
 38 | h1,
 39 | h2,
 40 | h3,
 41 | h4,
 42 | h5,
 43 | h6 {
 44 |   margin: 0;
 45 |   color: #111111;
 46 |   font-weight: 400;
 47 |   font-family: 'Unna', serif;
 48 | }
 49 | 
 50 | h1 {
 51 |   font-size: 70px;
 52 | }
 53 | 
 54 | h2 {
 55 |   font-size: 36px;
 56 | }
 57 | 
 58 | h3 {
 59 |   font-size: 30px;
 60 | }
 61 | 
 62 | h4 {
 63 |   font-size: 24px;
 64 | }
 65 | 
 66 | h5 {
 67 |   font-size: 18px;
 68 | }
 69 | 
 70 | h6 {
 71 |   font-size: 16px;
 72 | }
 73 | 
 74 | p {
 75 |   font-size: 14px;
 76 |   font-family: 'Nunito Sans', sans-serif;
 77 |   color: #444444;
 78 |   font-weight: 400;
 79 |   line-height: 26px;
 80 |   margin: 0 0 15px 0;
 81 | }
 82 | 
 83 | img {
 84 |   max-width: 100%;
 85 | }
 86 | 
 87 | input:focus,
 88 | select:focus,
 89 | button:focus,
 90 | textarea:focus {
 91 |   outline: none;
 92 | }
 93 | 
 94 | a:hover,
 95 | a:focus {
 96 |   text-decoration: none;
 97 |   outline: none;
 98 |   color: inherit;
 99 | }
100 | 
101 | ul,
102 | ol {
103 |   padding: 0;
104 |   margin: 0;
105 | }
106 | 
107 | /*---------------------
108 |   Helper CSS
109 | -----------------------*/
110 | .section-title {
111 |   margin-bottom: 70px;
112 |   text-align: center;
113 | 
114 |   &.normal-title {
115 |     text-align: left;
116 | 
117 |     h3 {
118 | 
119 |       &:after {
120 |         margin: 0;
121 |       }
122 |     }
123 |   }
124 | 
125 |   h3 {
126 |     color: $heading-color;
127 |     font-weight: 700;
128 |     text-transform: uppercase;
129 |     position: relative;
130 | 
131 |     &:after {
132 |       position: absolute;
133 |       left: 0;
134 |       bottom: -30px;
135 |       right: 0;
136 |       height: 13px;
137 |       width: 83px;
138 |       background-image: url(../img/line.png);
139 |       content: "";
140 |       margin: 0 auto;
141 |     }
142 |   }
143 | }
144 | 
145 | .set-bg {
146 |   background-repeat: no-repeat;
147 |   background-size: cover;
148 |   background-position: top center;
149 | }
150 | 
151 | .spad {
152 |   padding-top: 100px;
153 |   padding-bottom: 100px;
154 | }
155 | 
156 | .text-white h1,
157 | .text-white h2,
158 | .text-white h3,
159 | .text-white h4,
160 | .text-white h5,
161 | .text-white h6,
162 | .text-white p,
163 | .text-white span,
164 | .text-white li,
165 | .text-white a {
166 |   color: #fff;
167 | }
168 | 
169 | /* buttons */
170 | .primary-btn {
171 |   display: inline-block;
172 |   font-size: 14px;
173 |   padding: 8px 25px 6px;
174 |   color: $heading-color;
175 |   text-transform: uppercase;
176 |   font-weight: 700;
177 |   border: 1px solid $primary-color;
178 | }
179 | 
180 | .site-btn {
181 |   font-size: 15px;
182 |   color: $white-color;
183 |   font-weight: 800;
184 |   text-transform: uppercase;
185 |   display: inline-block;
186 |   padding: 13px 26px 12px;
187 |   background: $primary-color;
188 |   border: none;
189 | }
190 | 
191 | /* Preloder */
192 | #preloder {
193 |   position: fixed;
194 |   width: 100%;
195 |   height: 100%;
196 |   top: 0;
197 |   left: 0;
198 |   z-index: 999999;
199 |   background: #000;
200 | }
201 | 
202 | .loader {
203 |   width: 40px;
204 |   height: 40px;
205 |   position: absolute;
206 |   top: 50%;
207 |   left: 50%;
208 |   margin-top: -13px;
209 |   margin-left: -13px;
210 |   border-radius: 60px;
211 |   animation: loader 0.8s linear infinite;
212 |   -webkit-animation: loader 0.8s linear infinite;
213 | }
214 | 
215 | @keyframes loader {
216 |   0% {
217 |     -webkit-transform: rotate(0deg);
218 |     transform: rotate(0deg);
219 |     border: 4px solid #f44336;
220 |     border-left-color: transparent;
221 |   }
222 | 
223 |   50% {
224 |     -webkit-transform: rotate(180deg);
225 |     transform: rotate(180deg);
226 |     border: 4px solid #673ab7;
227 |     border-left-color: transparent;
228 |   }
229 | 
230 |   100% {
231 |     -webkit-transform: rotate(360deg);
232 |     transform: rotate(360deg);
233 |     border: 4px solid #f44336;
234 |     border-left-color: transparent;
235 |   }
236 | }
237 | 
238 | @-webkit-keyframes loader {
239 |   0% {
240 |     -webkit-transform: rotate(0deg);
241 |     border: 4px solid #f44336;
242 |     border-left-color: transparent;
243 |   }
244 | 
245 |   50% {
246 |     -webkit-transform: rotate(180deg);
247 |     border: 4px solid #673ab7;
248 |     border-left-color: transparent;
249 |   }
250 | 
251 |   100% {
252 |     -webkit-transform: rotate(360deg);
253 |     border: 4px solid #f44336;
254 |     border-left-color: transparent;
255 |   }
256 | }
257 | 
258 | .spacial-controls {
259 |   position:fixed;
260 |   width:111px;
261 |   height:91px;
262 |   top:0;
263 |   right:0;
264 |   z-index:999;
265 | }
266 | .spacial-controls .search-switch {
267 |   display:block;
268 |   height:100%;
269 |   padding-top:30px;
270 |   background:#323232;
271 |   text-align:center;
272 |   cursor:pointer;
273 | }
274 | .search-model {
275 |   display:none;
276 |   position:fixed;
277 |   width:100%;
278 |   height:100%;
279 |   left:0;
280 |   top:0;
281 |   background:#000;
282 |   z-index:99999;
283 | }
284 | .search-model-form {
285 |   padding:0 15px;
286 | }
287 | .search-model-form input {
288 |   width:500px;
289 |   font-size:40px;
290 |   border:none;
291 |   border-bottom:2px solid #333;
292 |   background:0 0;color:#999;
293 | }
294 | .search-close-switch {
295 |   position:absolute;
296 |   width:50px;height:50px;
297 |   background:#333;
298 |   color:#fff;
299 |   text-align:center;
300 |   border-radius:50%;
301 |   font-size:28px;
302 |   line-height:28px;
303 |   top:30px;
304 |   cursor:pointer;
305 |   -webkit-transform:rotate(45deg);
306 |   transform:rotate(45deg);
307 |   display:-webkit-box;
308 |   display:-ms-flexbox;
309 |   display:flex;
310 |   -webkit-box-align:center;
311 |   -ms-flex-align:center;
312 |   align-items:center;
313 |   -webkit-box-pack:center;
314 |   -ms-flex-pack:center;
315 |   justify-content:center
316 | }


--------------------------------------------------------------------------------
/static/sass/_categories.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Categories
  3 | -----------------------*/
  4 | .categories {
  5 |     padding-top: 90px;
  6 | 
  7 |     &.categories-grid {
  8 |         padding-top: 0;
  9 |         
 10 |         .categories__grid__post {
 11 |             border-top: 1px solid #ebebeb;
 12 |             padding-top: 50px;
 13 |         }
 14 |         
 15 |         .categories__post {
 16 |             padding-top: 0;
 17 |         }
 18 |     }
 19 | }
 20 | 
 21 | .categories__item {
 22 |     height: 270px;
 23 |     display: flex;
 24 |     align-items: center;
 25 |     justify-content: center;
 26 |     margin-bottom: 30px;
 27 | 
 28 |     &:hover {
 29 |         
 30 |         .categories__hover__text {
 31 |             -webkit-transform: scale(1);
 32 |             transform: scale(1);
 33 |         }
 34 |     }
 35 | 
 36 |     .categories__hover__text {
 37 |         background: $white-color;
 38 |         display: inline-block;
 39 |         padding: 15px 20px 10px;
 40 |         -webkit-transform: scale(0);
 41 |         transform: scale(0);
 42 |         @include transition(all, .3s);
 43 | 
 44 |         h5 {
 45 |             font-size: 20px;
 46 |             color: $heading-color;
 47 |             text-transform: uppercase;
 48 |         }
 49 | 
 50 |         p {
 51 |             color: #888888;
 52 |             font-weight: 600;
 53 |             margin-bottom: 0;
 54 |         }
 55 |     }
 56 | }
 57 | 
 58 | .categories__post {
 59 |     padding-top: 40px;
 60 | }
 61 | 
 62 | .categories__post__item {
 63 |     margin-bottom: 45px;
 64 | 
 65 |     &.categories__post__item--large {
 66 |         margin-bottom: 55px;
 67 |     
 68 |         .categories__post__item__pic {
 69 |             height: 533px;
 70 |         }
 71 | 
 72 |         .categories__post__item__text {
 73 | 
 74 |             .post__label--large {
 75 |                 margin-bottom: 10px;
 76 |             }
 77 | 
 78 |             h3 {
 79 | 
 80 |                 a {
 81 |                     font-size: 26px;
 82 |                     line-height: 34px;
 83 |                 }
 84 |             }
 85 | 
 86 |             p {
 87 |                 font-size: 15px;
 88 |                 margin-bottom: 21px;
 89 |             }
 90 | 
 91 |             .post__social {
 92 |                 margin-top: 25px;
 93 |         
 94 |                 span {
 95 |                     font-size: 14px;
 96 |                     color: #888888;
 97 |                     font-weight: 600;
 98 |                     text-transform: uppercase;
 99 |                     margin-right: 25px;
100 |                 }
101 |         
102 |                 a {
103 |                     margin-right: 20px;
104 |         
105 |                     &:last-child {
106 |                         margin-right: 0;
107 |                     }
108 |                     
109 |                     i {
110 |                         color: $heading-color;
111 |                         margin-right: 5px;
112 |                     }
113 |         
114 |                     span {
115 |                         margin-right: 0;
116 |                     }
117 |                 }
118 |             }
119 |         }
120 |     }
121 | }
122 | 
123 | .categories__post__item__pic {
124 |     position: relative;
125 |     margin-bottom: 25px;
126 |     height: 506px;
127 | 
128 |     &.small__item {
129 |         height: 253px;
130 |     }
131 | 
132 |     &.smaller__large {
133 |         height: 380px;
134 |     }
135 | 
136 |     .post__meta {
137 |         background: $white-color;
138 |         display: inline-block;
139 |         height: 65px;
140 |         width: 65px;
141 |         text-align: center;
142 |         padding-top: 18px;
143 |         position: absolute;
144 |         left: 20px;
145 |         top: 20px;
146 | 
147 |         h4 {
148 |             font-size: 26px;
149 |             color: $heading-color;
150 |             font-weight: 900;
151 |             line-height: 14px;
152 |             font-family: $fm-nunito;
153 |         }
154 | 
155 |         span {
156 |             font-size: 12px;
157 |             color: #888888;
158 |             font-weight: 600;
159 |             text-transform: uppercase;
160 |         }
161 |     }
162 | }
163 | 
164 | .categories__post__item__text {
165 |     text-align: center;
166 | 
167 |     .post__label--large {
168 | 
169 |         li {
170 |             list-style: none;
171 |             display: inline-block;
172 |             margin-right: 18px;
173 |             color: $primary-color;
174 |             font-size: 12px;
175 |             text-transform: uppercase;
176 |             position: relative;
177 |             font-weight: 700;
178 | 
179 |             &:last-child {
180 |                 margin-right: 0;
181 | 
182 |                 &:after {
183 |                     display: none;
184 |                 }
185 |             }
186 | 
187 |             &:after {
188 |                 position: absolute;
189 |                 right: -14px;
190 |                 top: -2px;            
191 |                 content: "|";
192 |                 color: #cccccc;
193 |             }
194 |         }
195 |     }
196 | 
197 |     .post__label {
198 |         font-size: 12px;
199 |         color: $primary-color;
200 |         text-transform: uppercase;
201 |         font-weight: 700;
202 |         margin-bottom: 10px;
203 |     }
204 | 
205 |     h3 {
206 |         margin-bottom: 5px;
207 | 
208 |          a {
209 |             color: $heading-color;
210 |             line-height: 29px;
211 |             letter-spacing: .5px;
212 |             font-size: 22px;
213 |             display: block;
214 | 
215 |             &:hover {
216 |                 text-decoration: underline;
217 |             }
218 |          }
219 |     }
220 | 
221 |     .post__widget {
222 |         margin-bottom: 10px;
223 |     
224 |         li {
225 |             list-style: none;
226 |             display: inline-block;
227 |             margin-right: 25px;
228 |             font-size: 12px;
229 |             color: #888888;
230 |             position: relative;
231 | 
232 |             span {
233 |                 color: $heading-color;
234 |             }
235 | 
236 |             &:after {
237 |                 position: absolute;
238 |                 right: -18px;
239 |                 top: -1px;
240 |                 content: "|";
241 |                 color: #cccccc;
242 |             }
243 | 
244 |             &:last-child {
245 |                 margin-right: 0;
246 | 
247 |                 &:after {
248 |                     display: none;
249 |                 }
250 |             }
251 |         }
252 |     }
253 | 
254 |     p {
255 |         font-size: 14px;
256 |         line-height: 24px;
257 |         margin-bottom: 21px;
258 |     }
259 | }
260 | 
261 | .categories__post__item__small {
262 |     background: #f5f5f5;
263 |     padding-left: 30px;
264 |     padding-right: 30px;
265 |     padding-bottom: 25px;
266 |     position: relative;
267 |     padding-top: 60px;
268 |     margin-bottom: 60px;
269 | 
270 |     img {
271 |         position: absolute;
272 |         left: 30px;
273 |         top: 30px;
274 |     }
275 | 
276 |     p {
277 |         font-size: 15px;
278 |         color: #000000;
279 |         letter-spacing: .5px;
280 |         font-weight: 600;
281 |     }
282 | 
283 |     .posted__by {
284 |         font-size: 15px;
285 |         color: $primary-color;
286 |         font-weight: 600;
287 |         text-align: right;
288 |     }
289 | }
290 | 
291 | .categories__post__item__plain {
292 |     height: 506px;
293 |     position: relative;
294 |     z-index: 1;
295 |     display: flex;
296 |     align-items: center;
297 |     justify-content: center;
298 |     margin-bottom: 60px;
299 | 
300 |     &:after {
301 |         position: absolute;
302 |         left: 0;
303 |         top: 0;
304 |         height: 100%;
305 |         width: 100%;
306 |         background: #000000;
307 |         content: "";
308 |         opacity: .6;
309 |         z-index: -1;
310 |     }
311 | 
312 |     .post__meta {
313 |         background: rgba(0, 0, 0, 0.3);
314 |         display: inline-block;
315 |         height: 65px;
316 |         width: 65px;
317 |         text-align: center;
318 |         padding-top: 18px;
319 | 
320 |         h4 {
321 |             font-size: 26px;
322 |             color: $white-color;
323 |             font-weight: 900;
324 |             line-height: 14px;
325 |             font-family: $fm-nunito;
326 |         }
327 | 
328 |         span {
329 |             font-size: 12px;
330 |             color: $white-color;
331 |             font-weight: 600;
332 |             opacity: .5;
333 |             text-transform: uppercase;
334 |         }
335 |     }
336 | 
337 |     .categories__post__item__text {
338 | 
339 |         ul {
340 |             margin-top: 20px;
341 |             margin-bottom: 5px;
342 |         }
343 | 
344 |         h3 {
345 | 
346 |             a {
347 |                 color: $white-color;
348 |             }
349 |         }
350 |     }
351 | 
352 |     .post__social {
353 |         margin-top: 10px;
354 | 
355 |         span {
356 |             font-size: 14px;
357 |             color: $white-color;
358 |             opacity: .5;
359 |             font-weight: 600;
360 |             text-transform: uppercase;
361 |             margin-right: 25px;
362 |         }
363 | 
364 |         a {
365 |             margin-right: 20px;
366 | 
367 |             &:last-child {
368 |                 margin-right: 0;
369 |             }
370 |             
371 |             i {
372 |                 color: $white-color;
373 |                 opacity: .7;
374 |                 margin-right: 5px;
375 |             }
376 | 
377 |             span {
378 |                 margin-right: 0;
379 |             }
380 |         }
381 |     }
382 | }
383 | 
384 | .load__more__btn {
385 | 
386 |     a {
387 |         display: inline-block;
388 |         font-size: 14px;
389 |         font-weight: 700;
390 |         color: $heading-color;
391 |         text-transform: uppercase;
392 |         padding: 12px 125px 10px;
393 |         background: #ebebeb;
394 |     }
395 | }
396 | 
397 | /*---------------------
398 |   Categories Grid
399 | -----------------------*/
400 | .breadcrumb__text {
401 |     margin-bottom: 46px;
402 | 
403 |     h2 {
404 |         color: $black-color;
405 |         margin-bottom: 5px;
406 | 
407 |         span {
408 |             color: $primary-color;
409 |         }
410 |     }
411 | 
412 |     .breadcrumb__option {
413 | 
414 |         a {
415 |             display: inline-block;
416 |             font-size: 16px;
417 |             color: $heading-color;
418 |             margin-right: 14px;
419 |             position: relative;
420 | 
421 |             &:after {
422 |                 position: absolute;
423 |                 right: -12px;
424 |                 top: 0;
425 |                 content: '/';
426 |             }
427 |         }
428 | 
429 |         span {
430 |             font-size: 16px;
431 |             color: #888888;
432 |         }
433 |     }
434 | }
435 | 
436 | /*---------------------
437 |   Categories Grid
438 | -----------------------*/
439 | .categories__list__post__item {
440 |     margin-bottom: 50px;
441 | 
442 |     .categories__post__item__pic {
443 |         height: 253px;
444 |         margin-bottom: 0;
445 |     }
446 | 
447 |     .categories__post__item__text {
448 |         text-align: left;
449 |     }
450 | }
451 | 
452 | .categories__pagination {
453 | 
454 |     a {
455 |         display: inline-block;
456 |         background: #f2f2f2;
457 |         color: #444444;
458 |         font-size: 16px;
459 |         font-weight: 600;
460 |         text-transform: uppercase;
461 |         padding: 12px 18px 10px;
462 |         margin-right: 6px;
463 |         @include transition(all, .3s);
464 | 
465 |         &:hover {
466 |             color: $white-color;
467 |             background: $primary-color;
468 |         }
469 | 
470 |         &:last-child {
471 |             color: $primary-color;
472 |             margin-right: 0;
473 | 
474 |             &:hover {
475 |                 color: $white-color;
476 |             }
477 |         }
478 |     }
479 | }


--------------------------------------------------------------------------------
/static/sass/_contact.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Contact
  3 | -----------------------*/
  4 | .contact {
  5 |     padding-top: 0;
  6 | }
  7 | .contact__text {
  8 |     padding-top: 30px;
  9 |     border-top: 1px solid #ebebeb;
 10 | }
 11 | 
 12 | .contact__map {
 13 |     height: 350px;
 14 |     box-shadow: 0px 5px 5px rgba(20, 14, 5, 0.1);
 15 |     margin-bottom: 30px;
 16 | 
 17 |     iframe {
 18 |         width: 100%;
 19 |     }
 20 | }
 21 | 
 22 | .contact__widget {
 23 | 
 24 |     ul {
 25 | 
 26 |         li {
 27 |             list-style: none;
 28 |             margin-bottom: 20px;
 29 | 
 30 |             i {
 31 |                 height: 50px;
 32 |                 width: 50px;
 33 |                 border: 1px solid #e1e1e1;
 34 |                 font-size: 18px;
 35 |                 color: $primary-color;
 36 |                 line-height: 50px;
 37 |                 text-align: center;
 38 |                 display: inline-block;
 39 |                 margin-right: 16px;
 40 |             }
 41 | 
 42 |             span {
 43 |                 display: inline-block;
 44 |                 font-size: 14px;
 45 |                 color: #444444;
 46 |             }
 47 |         }
 48 |     }
 49 | }
 50 | 
 51 | .contact__form {
 52 | 
 53 |     .contact__form__title {
 54 | 
 55 |         h2 {
 56 |             text-transform: uppercase;
 57 |             margin-bottom: 18px;
 58 |         }
 59 | 
 60 |         p {
 61 |             font-size: 15px;
 62 |             margin-bottom: 20px;
 63 |         }
 64 |     }
 65 | 
 66 |     form {
 67 |             
 68 |         input {
 69 |             height: 46px;
 70 |             width: 100%;
 71 |             background: transparent;
 72 |             border: 1px solid #e1e1e1;
 73 |             font-size: 14px;
 74 |             color: #444444;
 75 |             padding-left: 20px;
 76 |             margin-bottom: 20px;
 77 | 
 78 |             &:last-child {
 79 |                 color: #444444;
 80 |             }
 81 |         }
 82 | 
 83 |         textarea {
 84 |             height: 180px;
 85 |             width: 100%;
 86 |             background: transparent;
 87 |             border: 1px solid #e1e1e1;
 88 |             font-size: 14px;
 89 |             color: #444444;
 90 |             padding-top: 12px;
 91 |             padding-left: 20px;
 92 |             margin-bottom: 14px;
 93 |             resize: none;
 94 | 
 95 |             &:last-child {
 96 |                 color: #444444;
 97 |             }
 98 |         }
 99 | 
100 |         button {
101 |             width: 100%;
102 |         }
103 |     }
104 | }


--------------------------------------------------------------------------------
/static/sass/_footer.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Footer
  3 | -----------------------*/
  4 | .footer {
  5 |     background: #f5f5f5;
  6 |     padding-top: 20px;
  7 | }
  8 | 
  9 | .footer__instagram {
 10 |     padding-left: 15px;
 11 |     padding-right: 15px;
 12 |     position: relative;
 13 | }
 14 | 
 15 | .footer__instagram__item {
 16 |     height: 305px;
 17 |     margin-right: -10px!important;
 18 |     margin-left: -10px!important;
 19 |     margin-bottom: 10px;
 20 | }
 21 | 
 22 | .footer__instagram__avatar {
 23 |     display: inline-block;
 24 |     padding: 20px 30px;
 25 |     background: $white-color;
 26 |     position: absolute;
 27 |     height: 90px;
 28 |     width: 240px;
 29 |     left: 50%;
 30 |     top: 50%;
 31 |     -webkit-transform: translate(-120px, -50px);
 32 |     transform: translate(-120px, -50px);
 33 |     z-index: 1;
 34 | 
 35 |     .footer__instagram__avatar--pic {
 36 |         float: left;
 37 |         margin-right: 15px;
 38 | 
 39 |         img {
 40 |             height: 50px;
 41 |             width: 50px;
 42 |             border-radius: 50%;
 43 |         }
 44 |     }
 45 | 
 46 |     .footer__instagram__avatar--text {
 47 |         overflow: hidden;
 48 | 
 49 |         h5 {
 50 |             font-size: 20px;
 51 |             color: $heading-color;
 52 |             font-weight: 700;
 53 |             margin-bottom: 5px;
 54 |         }
 55 | 
 56 |         span {
 57 |             font-size: 14px;
 58 |             color: #888888;
 59 |         }
 60 |     }
 61 | }
 62 | 
 63 | .footer__text {
 64 |     padding: 50px 0;
 65 |     text-align: center;
 66 | 
 67 |     .footer__logo {
 68 |         margin-bottom: 10px;
 69 | 
 70 |         a {
 71 |             display: inline-block;
 72 |         }
 73 |     }
 74 | 
 75 |     p {
 76 |         font-size: 15px;
 77 |         margin-bottom: 30px;
 78 |     }
 79 | 
 80 |     .footer__social {
 81 | 
 82 |         a {
 83 |             display: inline-block;
 84 |             font-size: 16px;
 85 |             color: $heading-color;
 86 |             height: 46px;
 87 |             width: 46px;
 88 |             background: #e7e7e7;
 89 |             border-radius: 50%;
 90 |             line-height: 46px;
 91 |             text-align: center;
 92 |             @include transition(all, .3s);
 93 |             margin-right: 6px;
 94 |     
 95 |             &:last-child {
 96 |                 margin-right: 0;
 97 |             }
 98 |     
 99 |             &:hover {
100 |                 background: $primary-color;
101 |                 color: $white-color;
102 |             }
103 |         }
104 |     }
105 | }
106 | 
107 | .footer__copyright {
108 |     font-size: 15px;
109 |     color: #444444;
110 |     border-top: 1px solid #e1e1e1;
111 |     text-align: center;
112 |     padding: 30px 0 25px;
113 | }


--------------------------------------------------------------------------------
/static/sass/_header.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Header
  3 | -----------------------*/
  4 | .header__top {
  5 |     background: #f5f5f5;
  6 | }
  7 | 
  8 | .header__humberger {
  9 |     font-size: 14px;
 10 |     color: $heading-color;
 11 |     padding: 10px 0 11px;
 12 | 
 13 |     i {
 14 |         cursor: pointer;
 15 |     }
 16 | }
 17 | 
 18 | .header__menu {
 19 |     text-align: center;
 20 | 
 21 |     ul {
 22 | 
 23 |         li {
 24 |             list-style: none;
 25 |             display: inline-block;
 26 |             margin-right: 40px;
 27 | 
 28 |             &:last-child {
 29 |                 margin-right: 0;
 30 |             }
 31 | 
 32 |             &.active {
 33 | 
 34 |                 & > a {
 35 |                     color: $primary-color;
 36 | 
 37 |                     &:after {
 38 |                         opacity: 1;
 39 |                         -webkit-transform: scaleX(1);
 40 |                         transform: scaleX(1);
 41 |                     }
 42 |                 }
 43 |             }
 44 | 
 45 |             &:hover {
 46 | 
 47 |                 .header__megamenu__wrapper {
 48 |                     top: 42px;
 49 |                     opacity: 1;
 50 |                     visibility: visible;
 51 |                 }
 52 | 
 53 |                 & > a {
 54 |                     color: $primary-color;
 55 | 
 56 |                     &:after {
 57 |                         opacity: 1;
 58 |                         -webkit-transform: scaleX(1);
 59 |                         transform: scaleX(1);
 60 |                     }
 61 |                 }
 62 | 
 63 |                 .dropdown__menu {
 64 |                     opacity: 1;
 65 |                     visibility: visible;
 66 |                     top: 41px;
 67 |                 }
 68 |             }
 69 | 
 70 |             &.dropdown {
 71 |                 position: relative;
 72 | 
 73 |             }
 74 | 
 75 |             .dropdown__menu {
 76 |                 position: absolute;
 77 |                 left: 0;
 78 |                 top: 62px;
 79 |                 width: 180px;
 80 |                 background: #222222;
 81 |                 z-index: 9;
 82 |                 text-align: left;
 83 |                 @include transition(all, .3s);
 84 |                 opacity: 0;
 85 |                 visibility: hidden;
 86 |                 padding: 10px 0;
 87 | 
 88 |                 li {
 89 |                     display: block;
 90 |                     margin-right: 0;
 91 | 
 92 |                     a {
 93 |                         color: $white-color;
 94 |                         padding: 5px 0;
 95 |                         padding-left: 20px;
 96 |                         text-transform: capitalize;
 97 | 
 98 |                         &:hover {
 99 |                             color: $primary-color;
100 |                         }
101 | 
102 |                         &:after {
103 |                             display: none;
104 |                         }
105 |                     }
106 |                 }
107 |             }
108 |             
109 |             a {
110 |                 font-size: 15px;
111 |                 color: $heading-color;
112 |                 font-weight: 700;
113 |                 font-family: $fm-unna;
114 |                 text-transform: uppercase;
115 |                 @include transition(all .3s);
116 |                 position: relative;
117 |                 padding: 10px 0;
118 |                 display: block;
119 |                 
120 |                 &:after {
121 |                     position: absolute;
122 |                     left: 0;
123 |                     bottom: 1px;
124 |                     width: 100%;
125 |                     height: 2px;
126 |                     background: $primary-color;
127 |                     content: "";
128 |                     opacity: 0;
129 |                     @include transition(all .5s);
130 |                     -webkit-transform: scaleX(0);
131 |                     transform: scaleX(0);
132 |                 }
133 |             }
134 |         }
135 |     }
136 | }
137 | 
138 | .header__megamenu__wrapper {
139 |     position: absolute;
140 |     left: -175px;
141 |     right: -176px;
142 |     top: 62px;
143 |     z-index: 9;
144 |     background: $white-color;
145 |     padding: 30px;
146 |     padding-bottom: 25px;
147 |     max-width: 1170px;
148 |     margin: 0 auto;
149 |     opacity: 0;
150 |     visibility: hidden;
151 |     -webkit-transition: all .5s;
152 |     transition: all .5s;
153 |     box-shadow: 0px 5px 15px rgba(20, 14, 5, 0.15);
154 | }
155 | 
156 | .header__megamenu {
157 |     margin-right: -30px;
158 | }
159 | 
160 | .header__megamenu__item {
161 |     width: calc(20% - 30px);
162 |     float: left;
163 |     margin-right: 30px;
164 | 
165 |     .header__megamenu__item--pic {
166 |         height: 132px;
167 |         position: relative;
168 |         margin-bottom: 15px;
169 | 
170 |         .label {
171 |             font-size: 12px;
172 |             color: $heading-color;
173 |             font-weight: 700;
174 |             text-transform: uppercase;
175 |             background: $white-color;
176 |             padding: 2px 5px 1px;
177 |             display: inline-block;
178 |             position: absolute;
179 |             left: 10px;
180 |             top: 10px;
181 |         }
182 |     }
183 | 
184 |     .header__megamenu__item--text {
185 |         text-align: left;
186 | 
187 |         h5 {
188 |             
189 |             a {
190 |                 line-height: 20px;
191 |                 color: $heading-color;
192 |             }
193 |         }
194 |     }
195 | }
196 | 
197 | .header__search {
198 |     font-size: 14px;
199 |     color: $heading-color;
200 |     text-align: right;
201 |     padding: 10px 0 11px;
202 |     
203 |     i {
204 |         cursor: pointer;
205 |     }
206 | }
207 | 
208 | .header__btn {
209 |     padding: 57px 0 56px;
210 | }
211 | 
212 | .header__logo {
213 |     padding: 50px 0 40px;
214 |     text-align: center;
215 | 
216 |     a {
217 |         display: inline-block;
218 |     }
219 | }
220 | 
221 | .header__social {
222 |     text-align: right;
223 |     padding: 63px 0;
224 | 
225 |     a {
226 |         font-size: 14px;
227 |         color: $heading-color;
228 |         display: inline-block;
229 |         margin-right: 10px;
230 | 
231 |         &:last-child {
232 |             margin-right: 0;
233 |         }
234 |     }
235 | }
236 | 
237 | .humberger__menu__overlay {
238 |     position: fixed;
239 |     left: 0;
240 |     right: 0;
241 |     height: 100%;
242 |     width: 100%;
243 |     background: rgba(0, 0, 0, 0.7);
244 |     z-index: 98;
245 |     visibility: hidden;
246 |     -webkit-transition: all .5s;
247 |     transition: all .5s;
248 | 
249 |     &.active {
250 |         visibility: visible;
251 |     }
252 | }
253 | 
254 | .humberger__menu__wrapper {
255 |     width: 400px;
256 |     background: $heading-color;
257 |     position: fixed;
258 |     height: 100%;
259 |     overflow-y: auto;
260 |     z-index: 99;
261 |     padding: 50px 50px 60px 50px;
262 |     -webkit-transition: all .5s;
263 |     transition: all .5s;
264 |     opacity: 0;
265 |     left: -400px;
266 | 
267 |     &.show__humberger__menu__wrapper {
268 |         opacity: 1;
269 |         left: 0;
270 |     }
271 | }
272 | 
273 | .humberger__menu__logo {
274 |     margin-bottom: 20px;
275 | }
276 | 
277 | .humberger__menu__nav {
278 |     display: none;
279 | }
280 | 
281 | .slicknav_menu {
282 |     background: transparent;
283 |     padding: 0;
284 |     margin-bottom: 35px;
285 | }
286 | 
287 | .slicknav_btn {
288 |     display: none;
289 | }
290 | 
291 | .slicknav_nav {
292 |     display: block!important;
293 | 
294 |     li {
295 | 
296 |         a {
297 |             font-size: 15px;
298 |             color: $white-color;
299 |             font-family: 'Unna', serif;
300 |             text-transform: uppercase;
301 |             -webkit-transition: all .4s;
302 |             transition: all .4s;
303 |             padding: 10px 0;
304 |             margin: 0;
305 | 
306 |             &:hover {
307 |                 background: transparent;
308 |                 color: $primary-color;
309 |                 text-decoration: underline;
310 |             }
311 |         }
312 |     }
313 | }
314 | 
315 | .slicknav_nav ul {
316 |     margin: 0;
317 | }
318 | 
319 | .slicknav_nav .slicknav_row:hover {
320 |     -webkit-border-radius: 0;
321 |     border-radius: 0;
322 |     background: transparent;
323 |     color: $primary-color;
324 | 
325 |     a {
326 |         color: $primary-color; 
327 |     }
328 | }
329 | 
330 | .slicknav_nav .slicknav_row, .slicknav_nav a {
331 |     padding: 5px 0;
332 |     margin: 2px 0;
333 | }
334 | 
335 | .humberger__menu__title {
336 | 
337 |     @extend .sidebar__item__title;
338 | 
339 |     h6 {
340 |         color: $white-color!important;
341 |         opacity: 1!important;
342 |     }
343 | }
344 | 
345 | .humberger__menu__about {
346 |     margin-bottom: 50px;
347 | 
348 |     img {
349 |         min-width: 100%;
350 |         margin-bottom: 20px;
351 |     }
352 | 
353 |     h6 {
354 |         color: $white-color;
355 |         opacity: .5;
356 |     }
357 |     
358 |     p {
359 |         color: $white-color;
360 |         opacity: .5;
361 |         margin-bottom: 25px;
362 |     }
363 | 
364 |     .humberger__menu__about__social {
365 |         @extend .sidebar__item__follow__links;
366 | 
367 |         a {
368 |             background: #363636!important;
369 | 
370 |             &:hover {
371 |                 background: $primary-color!important;
372 |             }
373 | 
374 |             i {
375 |                 color: $white-color;
376 |                 opacity: .7;
377 |             }
378 |         }
379 |     }
380 | }
381 | 
382 | .humberger__menu__subscribe {
383 |     @extend .sidebar__subscribe__item;
384 | 
385 |     .humberger__menu__title {
386 |         margin-bottom: 20px!important;
387 |     }
388 | 
389 |     p {
390 |         color: $white-color;
391 |         opacity: .7;
392 |     }
393 | 
394 |     form {
395 | 
396 |         input {
397 |             background: transparent;
398 |             color: $white-color!important;
399 |             opacity: .5!important;
400 | 
401 |             &::placeholder {
402 |                 color: $white-color!important;
403 |                 opacity: .5!important;
404 |             }
405 |         }
406 | 
407 |         label {
408 |             color: $white-color!important;
409 |             opacity: .7!important;
410 |         }
411 |     }
412 | }


--------------------------------------------------------------------------------
/static/sass/_hero.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Hero
  3 | -----------------------*/
  4 | .hero__inside__item {
  5 |     position: relative;
  6 |     height: 633px;
  7 |     margin-bottom: 11px;
  8 |     margin-right: 11px;
  9 | }
 10 | 
 11 | .hero__slider {
 12 |     overflow: hidden;
 13 | 
 14 |     &.owl-carousel {
 15 | 
 16 |         .owl-nav {
 17 | 
 18 |             button {
 19 |                 height: 50px;
 20 |                 width: 50px;
 21 |                 background: rgba(0, 0, 0, 0.3);
 22 |                 line-height: 54px;
 23 |                 text-align: center;
 24 |                 font-size: 30px;
 25 |                 color: $white-color;
 26 |                 position: absolute;
 27 |                 left: 30px;
 28 |                 top: 50%;
 29 |                 -webkit-transform: translateY(-25px);
 30 |                 transform: translateY(-25px);
 31 | 
 32 |                 &.owl-next {
 33 |                     left: auto;
 34 |                     right: 30px;
 35 |                 }
 36 |             }
 37 |         }
 38 |     }
 39 | }
 40 | 
 41 | .hero__item {
 42 |     margin-right: -11px;
 43 | }
 44 | 
 45 | .hero__inside__item--wide {
 46 | 
 47 |     .hero__inside__item--meta {
 48 |         height: 110px;
 49 |         width: 110px;
 50 |         padding-top: 27px;
 51 |         margin-right: 30px;
 52 |     
 53 |         span {
 54 |             font-size: 42px;
 55 |             line-height: 24px;
 56 |         }
 57 |     
 58 |         p {
 59 |             font-size: 24px;
 60 |             line-height: 24px;
 61 |         }
 62 |     }
 63 | 
 64 |     .hero__inside__item--text {
 65 |         overflow: hidden;
 66 |     
 67 |         .label {
 68 |             margin-bottom: 5px;
 69 |     
 70 |             li {
 71 |                 list-style: none;
 72 |                 display: inline-block;
 73 |                 margin-right: 18px;
 74 |                 color: $primary-color;
 75 |                 font-size: 12px;
 76 |                 text-transform: uppercase;
 77 |                 position: relative;
 78 |     
 79 |                 &:last-child {
 80 |                     margin-right: 0;
 81 |     
 82 |                     &:after {
 83 |                         display: none;
 84 |                     }
 85 |                 }
 86 |     
 87 |                 &:after {
 88 |                     position: absolute;
 89 |                     right: -14px;
 90 |                     top: -2px;            
 91 |                     content: "|";
 92 |                     color: $white-color;
 93 |                     opacity: .3;
 94 |                 }
 95 |             }
 96 |         }
 97 |     
 98 |         h4 {
 99 |             font-size: 26px;
100 |             color: $white-color;
101 |             line-height: 34px;
102 |         }
103 |     
104 |         .widget {
105 |     
106 |             li {
107 |                 list-style: none;
108 |                 display: inline-block;
109 |                 margin-right: 25px;
110 |                 font-size: 12px;
111 |                 color: #c4c4c4;
112 |                 position: relative;
113 |     
114 |                 span {
115 |                     color: $white-color;
116 |                 }
117 |     
118 |                 &:after {
119 |                     position: absolute;
120 |                     right: -18px;
121 |                     top: -1px;
122 |                     content: "|";
123 |                     color: $white-color;
124 |                     opacity: .3;
125 |                 }
126 |     
127 |                 &:last-child {
128 |                     margin-right: 0;
129 | 
130 |                     &:after {
131 |                         display: none;
132 |                     }
133 |                 }
134 |             }
135 |         }
136 |     }
137 | }
138 | 
139 | .hero__inside__item--small {
140 |     height: 311px;
141 | }
142 | 
143 | .hero__inside__item__text {
144 |     position: absolute;
145 |     left: 0;
146 |     bottom: 20px;
147 |     width: 100%;
148 |     padding: 0 30px;
149 | }
150 | 
151 | .hero__inside__item--meta {
152 |     background: rgba(0, 0, 0, 0.3);
153 |     display: inline-block;
154 |     height: 65px;
155 |     width: 65px;
156 |     text-align: center;
157 |     padding-top: 14px;
158 |     float: left;
159 |     margin-right: 20px;
160 | 
161 |     span {
162 |         font-size: 26px;
163 |         color: $white-color;
164 |         font-weight: 900;
165 |         line-height: 18px;
166 |     }
167 | 
168 |     p {
169 |         font-size: 12px;
170 |         color: $white-color;
171 |         font-weight: 600;
172 |         text-transform: uppercase;
173 |         opacity: .5;
174 |         margin-bottom: 0;
175 |         line-height: 15px;
176 |     }
177 | }
178 | 
179 | .hero__inside__item--text {
180 |     overflow: hidden;
181 | 
182 |     .label {
183 |         margin-bottom: 5px;
184 | 
185 |         li {
186 |             list-style: none;
187 |             display: inline-block;
188 |             margin-right: 18px;
189 |             color: $primary-color;
190 |             font-size: 12px;
191 |             text-transform: uppercase;
192 |             position: relative;
193 | 
194 |             &:last-child {
195 |                 margin-right: 0;
196 | 
197 |                 &:after {
198 |                     display: none;
199 |                 }
200 |             }
201 | 
202 |             &:after {
203 |                 position: absolute;
204 |                 right: -14px;
205 |                 top: -2px;            
206 |                 content: "|";
207 |                 color: $white-color;
208 |                 opacity: .3;
209 |             }
210 |         }
211 |     }
212 | 
213 |     h5 {
214 |         font-size: 20px;
215 |         color: $white-color;
216 |         line-height: 26px;
217 |     }
218 | }
219 | 


--------------------------------------------------------------------------------
/static/sass/_mixins.scss:
--------------------------------------------------------------------------------
1 | // transition
2 | @mixin transition($args...) {
3 |     -webkit-transition: $args;
4 |     -moz-transition: $args;
5 |     -ms-transition: $args;
6 |     -o-transition: $args;
7 |     transition: $args;
8 | }


--------------------------------------------------------------------------------
/static/sass/_responsive.scss:
--------------------------------------------------------------------------------
  1 | /*--------------------------------- Responsive Media Quaries -----------------------------*/
  2 | 
  3 | @media only screen and (min-width: 1200px) {
  4 |     .container {
  5 |       max-width: 1170px;
  6 |     }
  7 |   }
  8 |   
  9 |   /* Medium Device = 1200px */
 10 |   @media only screen and (min-width: 992px) and (max-width: 1199px) {
 11 |       .header__menu ul li {
 12 |           margin-right: 34px;
 13 |       }
 14 |   
 15 |       .single-post__recipe__details__option ul li {
 16 |           margin-right: 8px;
 17 |       }
 18 |   
 19 |       .header__menu ul li:hover .header__megamenu__wrapper {
 20 |           top: 42px;
 21 |           opacity: 1;
 22 |           visibility: visible;
 23 |       }
 24 | 
 25 |       .header__megamenu__wrapper {
 26 |           max-width: 950px;
 27 |       }
 28 | 
 29 |       .signin {
 30 |         align-items: flex-start;
 31 |       }
 32 |       
 33 |       .footer__instagram__item {
 34 |         height: 180px;
 35 |       }
 36 |   }
 37 |   
 38 |   /* Tablet Device = 768px */
 39 |   @media only screen and (min-width: 768px) and (max-width: 991px) {
 40 |   
 41 |       .header__megamenu__wrapper {
 42 |           max-width: 730px;
 43 |       }
 44 |   
 45 |       .header__menu ul li {
 46 |           margin-right: 25px;
 47 |       }
 48 |       
 49 |       .categories__item {
 50 |         height: 330px;
 51 |       }
 52 | 
 53 |       .sidebar__item__follow__links a, .humberger__menu__about .humberger__menu__about__social a {
 54 |           margin-bottom: 10px;
 55 |       }
 56 |       
 57 |       .single-post__recipe__details__option ul li {
 58 |           margin-right: 35px;
 59 |       }
 60 |   
 61 |       .single-post__social__item {
 62 |           position: relative;
 63 |           top: 0;
 64 |           left: 0;
 65 |           margin-bottom: 25px;
 66 |       }
 67 |   
 68 |       .single-post__social__item ul li {
 69 |           display: inline-block;
 70 |           margin-right: 6px;
 71 |       }
 72 |   
 73 |       .single-post__more__details img {
 74 |           margin-bottom: 25px;
 75 |       }
 76 |   
 77 |       .about__right__text {
 78 |           padding-top: 30px;
 79 |       }
 80 |       .signin {
 81 |         align-items: flex-start;
 82 |       }
 83 |       .footer__instagram__item {
 84 |         height: 180px;
 85 |       }
 86 |   }
 87 |   
 88 |   /* Wide Mobile = 480px */
 89 |   @media only screen and (max-width: 767px) {
 90 |       .single-post__social__item {
 91 |           position: relative;
 92 |           top: 0;
 93 |           left: 0;
 94 |           margin-bottom: 25px;
 95 |       }
 96 |   
 97 |       .single-post__social__item ul li {
 98 |           display: inline-block;
 99 |           margin-right: 6px;
100 |       }
101 |   
102 |       .single-post__more__details img {
103 |           margin-bottom: 25px;
104 |       }
105 |   
106 |       .about__right__text {
107 |           padding-top: 30px;
108 |       }
109 |   
110 |       .contact__form {
111 |           padding-top: 15px;
112 |       }
113 |   
114 |       .header__menu {
115 |           display: none;
116 |       }
117 |   
118 |       .header__humberger {
119 |           text-align: center;
120 |           padding: 10px 0 5px;
121 |       }
122 |   
123 |       .header__search {
124 |           padding: 5px 0 11px;
125 |           text-align: center;
126 |       }
127 |   
128 |       .header__btn,
129 |       .header__social {
130 |           display: none;
131 |       }
132 |   
133 |       .header__logo {
134 |           padding: 30px 0 20px;
135 |           text-align: center;
136 |       }
137 |   
138 |       .header__social {
139 |           text-align: center;
140 |           padding: 0 0 15px;
141 |       }
142 |   
143 |       .sidebar__item {
144 |           padding-top: 50px;
145 |       }
146 |   
147 |       .categories__list__post__item .categories__post__item__pic {
148 |           margin-bottom: 30px;
149 |       }
150 |   
151 |       .single-post__recipe__details__option {
152 |           padding-bottom: 5px;
153 |       }
154 |   
155 |       .single-post__recipe__details__option ul li {
156 |           margin-bottom: 15px;
157 |       }
158 |       
159 |       .signin__content {
160 |           width: 450px;
161 |           text-align: center;
162 |       }
163 |   
164 |       .typography__desc img {
165 |           margin-bottom: 30px;
166 |       }
167 |   
168 |       .single-post__leave__comment form .input-list {
169 |           margin-right: 0;
170 |       }
171 |   
172 |       .single-post__leave__comment form .input-list input {
173 |           width: 100%;
174 |           margin-right: 0;
175 |       }
176 |   
177 |       .search-model-form input {
178 |           width: 100%;
179 |       }
180 |       .single-post__hero {
181 |           height: 700px;
182 |       }
183 |       .signin {
184 |         align-items: flex-start;
185 |       }
186 |       .footer__instagram__item {
187 |         height: 180px;
188 |       }
189 |   }
190 |   
191 |   /* Small Device = 320px */
192 |   @media only screen and (max-width: 479px) {
193 |       .humberger__menu__wrapper {
194 |           width: 300px;
195 |           padding: 50px 30px 60px 30px;
196 |       }
197 | 
198 |       .hero__inside__item--meta {
199 |           float: none;
200 |           margin-bottom: 10px;
201 |       }
202 |   
203 |       .sidebar__item__follow__links a, .humberger__menu__about .humberger__menu__about__social a {
204 |           margin-bottom: 10px;
205 |       }
206 |   
207 |       .load__more__btn a {
208 |           padding: 12px 80px 10px;
209 |       }
210 |   
211 |       .single-post__title__meta {
212 |           float: none;
213 |           margin-right: 0;
214 |       }
215 |   
216 |       .single-post__title__text {
217 |           overflow: visible;
218 |           padding-top: 20px;
219 |       }
220 |   
221 |       .single-post__recipe__details__option ul li {
222 |           float: none;
223 |           margin-right: 0;
224 |       }
225 |   
226 |       .single-post__tags a {
227 |           margin-bottom: 10px;
228 |       }
229 |   
230 |       .single-post__previous, .single-post__next {
231 |           margin-bottom: 30px;
232 |       }
233 |   
234 |       .single-post__author__profile__pic {
235 |           float: none;
236 |           margin-right: 0;
237 |       }
238 |   
239 |       .single-post__author__profile__text {
240 |           overflow: visible;
241 |           padding-top: 30px;
242 |       }
243 |   
244 |       .single-post__comment__item__text ul {
245 |           position: relative;
246 |       }
247 |   
248 |       .single-post__comment__item.single-post__comment__item--reply {
249 |           padding-left: 0;
250 |       }
251 |   
252 |       .signin__content {
253 |           width: 300px;
254 |       }
255 |   
256 |       .signin__form__text {
257 |           padding: 30px;
258 |       }
259 |   
260 |       .text-404 form {
261 |           width: 100%;
262 |       }
263 | 
264 |       .single-post__comment__item__pic {
265 |           float: none;
266 |           margin-bottom: 15px;
267 |       }
268 | 
269 |       .search-model-form {
270 |           width: 100%;
271 |       }
272 |   
273 |       .search-model-form input {
274 |           width: 100%;
275 |           font-size: 18px;
276 |       }
277 | 
278 |       .text-404 h1 {
279 |           font-size: 100px;
280 |           line-height: 100px;
281 |       }
282 |       
283 |   }


--------------------------------------------------------------------------------
/static/sass/_sidebar.scss:
--------------------------------------------------------------------------------
  1 | .sidebar__about__item {
  2 |     margin-bottom: 60px;
  3 |     
  4 |     img {
  5 |         min-width: 100%;
  6 |         margin-bottom: 20px;
  7 |     }
  8 |     
  9 |     h6 {
 10 |         font-size: 15px;
 11 |         color: #444444;
 12 |         font-family: 'Nunito Sans', sans-serif;
 13 |         
 14 |         span {
 15 |             color: $primary-color;
 16 |         }
 17 |     }
 18 | }
 19 | 
 20 | .sidebar__item__title {
 21 |     margin-bottom: 30px;
 22 | 
 23 |     h6 {
 24 |         display: inline-block;
 25 |         font-size: 15px;
 26 |         color: $heading-color;
 27 |         text-transform: uppercase;
 28 |         position: relative;
 29 |         z-index: 1;
 30 | 
 31 |         &:after {
 32 |             position: absolute;
 33 |             left: 0;
 34 |             bottom: 0;
 35 |             height: 50%;
 36 |             width: 100%;
 37 |             background: $primary-color;
 38 |             opacity: .3;
 39 |             content: "";
 40 |         }
 41 |     }
 42 | }
 43 | 
 44 | .sidebar__follow__item {
 45 |     margin-bottom: 60px;
 46 | }
 47 | 
 48 | .sidebar__item__follow__links {
 49 | 
 50 |     a {
 51 |         display: inline-block;
 52 |         font-size: 16px;
 53 |         color: $heading-color;
 54 |         height: 46px;
 55 |         width: 46px;
 56 |         background: #f2f2f2;
 57 |         border-radius: 50%;
 58 |         line-height: 46px;
 59 |         text-align: center;
 60 |         @include transition(all, .3s);
 61 |         margin-right: 6px;
 62 | 
 63 |         &:last-child {
 64 |             margin-right: 0;
 65 |         }
 66 | 
 67 |         &:hover {
 68 |             background: $primary-color;
 69 |             color: $white-color;
 70 |         }
 71 |     }
 72 | }
 73 | 
 74 | .sidebar__feature__item {
 75 |     margin-bottom: 60px;
 76 | }
 77 | 
 78 | .sidebar__feature__item__large {
 79 |     height: 200px;
 80 |     position: relative;
 81 |     margin-bottom: 30px;
 82 | 
 83 |     .sidebar__feature__item__large--text {
 84 |         position: absolute;
 85 |         left: 0;
 86 |         width: 100%;
 87 |         padding: 0 20px;
 88 |         bottom: 15px;
 89 | 
 90 |         span {
 91 |             font-size: 12px;
 92 |             color: $primary-color;
 93 |             font-weight: 700;
 94 |             text-transform: uppercase;
 95 |         }
 96 |         
 97 |         h5 {
 98 |             
 99 |             a {
100 |                 color: $white-color;
101 |                 line-height: 23px;
102 |                 font-weight: 700;
103 |                 letter-spacing: .5px;
104 |             }
105 |         }
106 |     }
107 | }
108 | 
109 | .sidebar__feature__item__list__single {
110 |     margin-bottom: 30px;
111 | 
112 |     &:last-child {
113 |         margin-bottom: 0;
114 |     }
115 | 
116 |     .post__meta {
117 |         background: #f5f5f5;
118 |         display: inline-block;
119 |         height: 65px;
120 |         width: 65px;
121 |         text-align: center;
122 |         padding-top: 18px;
123 |         float: left;
124 |         margin-right: 20px;
125 | 
126 |         h4 {
127 |             font-size: 26px;
128 |             color: $heading-color;
129 |             font-weight: 900;
130 |             line-height: 14px;
131 |             font-family: $fm-nunito;
132 |         }
133 | 
134 |         span {
135 |             font-size: 12px;
136 |             color: #888888;
137 |             font-weight: 600;
138 |             opacity: .5;
139 |             text-transform: uppercase;
140 |         }
141 |     }
142 | 
143 |     .post__text {
144 |         overflow: hidden;
145 | 
146 |         span {
147 |             font-size: 12px;
148 |             color: $primary-color;
149 |             font-weight: 700;
150 |             text-transform: uppercase;
151 |         }
152 |         
153 |         h5 {
154 |             margin-top: 5px;
155 |             
156 |             a {
157 |                 color: $heading-color;
158 |                 line-height: 23px;
159 |                 font-weight: 700;
160 |                 letter-spacing: .5px;
161 |             }
162 |         }
163 |     }
164 | }
165 | 
166 | .sidebar__item__banner {
167 |     margin-bottom: 60px;
168 | 
169 |     img {
170 |         min-width: 100%;
171 |     }
172 | }
173 | 
174 | .sidebar__item__categories {
175 |     margin-bottom: 60px;
176 | 
177 |     ul {
178 | 
179 |         li {
180 |             list-style: none;
181 | 
182 |             a {
183 |                 color: #444444;
184 |                 font-size: 15px;
185 |                 font-weight: 600;
186 |                 padding-bottom: 6px;
187 |                 border-bottom: 1px solid #ebebeb;
188 |                 margin-bottom: 6px;
189 |                 @include transition(all, .3s);
190 |                 display: block;
191 | 
192 |                 &:hover {
193 |                     color: $primary-color;
194 |                 }
195 | 
196 |                 span {
197 |                     float: right;
198 |                     font-weight: 400;
199 |                 }
200 |             }
201 | 
202 | 
203 |             &.p-left {
204 |                 margin-left: 20px;
205 |             }
206 | 
207 |             &:last-child {
208 |                 padding-bottom: 0;
209 |                 margin-bottom: 0;
210 |                 border-bottom: none;
211 |             }
212 | 
213 |         }
214 |     }
215 | }
216 | 
217 | 
218 | .sidebar__subscribe__item {
219 | 
220 |     p {
221 |         font-size: 15px;
222 |     }
223 | 
224 |     form {
225 | 
226 |         .email-input {
227 |             height: 46px;
228 |             width: 100%;
229 |             padding-left: 15px;
230 |             border: 1px solid #e1e1e1;
231 |             font-size: 15px;
232 |             color: #888888;
233 |             margin-bottom: 20px;
234 |             
235 |             &::placeholder {
236 |                 color: #888888;
237 |             }
238 |         }
239 | 
240 |         label {
241 |             position: relative;
242 |             font-size: 15px;
243 |             color: #888888;
244 |             padding-left: 20px;
245 |             margin-bottom: 15px;
246 |             display: block;
247 |             cursor: pointer;
248 | 
249 |             .checkmark {
250 |                 position: absolute;
251 |                 left: 0;
252 |                 top: 6px;
253 |                 height: 10px;
254 |                 width: 10px;
255 |                 border: 1px solid #e1e1e1;
256 |             }
257 |             
258 |             
259 |             input {
260 |                 position: absolute;
261 |                 visibility: hidden;
262 |                 display: none;
263 |                 
264 |                 &:checked ~ span {
265 |                     background: $primary-color;
266 |                     border-color: $primary-color;
267 |                 }
268 |             }
269 |         }
270 |     }
271 | }


--------------------------------------------------------------------------------
/static/sass/_signin.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Sign In
  3 | -----------------------*/
  4 | .fixed-position {
  5 |     overflow: hidden;
  6 | }
  7 | 
  8 | .signin {
  9 |     background: rgba(0, 0, 0, 0.85);
 10 |     position: fixed;
 11 |     height: 100%;
 12 |     width: 100%;
 13 |     left: 0;
 14 |     top: 0;
 15 |     z-index: 9;
 16 |     display: flex;
 17 |     justify-content: center;
 18 |     align-items: center;
 19 |     overflow-y: auto;
 20 | }
 21 | 
 22 | .signin__content {
 23 |     width: 640px;
 24 |     text-align: center;
 25 |     margin: 80px 0 50px;
 26 |     p {
 27 |         font-size: 16px;
 28 |         color: $white-color;
 29 |         letter-spacing: 1px;
 30 |         margin-bottom: 25px;
 31 |     }
 32 | }
 33 | 
 34 | .signin__form {
 35 |     background: $white-color;
 36 | 
 37 |     .nav-tabs {
 38 |         border-bottom: none
 39 |     }
 40 | 
 41 |     .nav-item {
 42 |         width: 50%;
 43 |         float: left;
 44 |         margin-bottom: 0;
 45 |         
 46 |         .nav-link {
 47 |             font-size: 16px;
 48 |             color: $heading-color;
 49 |             text-transform: uppercase;
 50 |             border: none;
 51 |             border-top-left-radius: 0;
 52 |             border-top-right-radius: 0;
 53 |             letter-spacing: 1px;
 54 | 
 55 |             &.active {
 56 |                 background: #f2f2f2;
 57 |             }
 58 |         }
 59 |     }
 60 | }
 61 | 
 62 | .signin__form__text {
 63 |     padding: 50px;
 64 |     padding-top: 38px;
 65 | 
 66 |     p {
 67 |         font-size: 15px;
 68 |         color: $heading-color;
 69 |         margin-bottom: 15px;
 70 |     }
 71 | 
 72 |     form {
 73 | 
 74 |         input {
 75 |             height: 46px;
 76 |             width: 100%;
 77 |             background: transparent;
 78 |             border: 1px solid #e1e1e1;
 79 |             font-size: 14px;
 80 |             color: #444444;
 81 |             padding-left: 20px;
 82 |             margin-bottom: 20px;
 83 | 
 84 |             &:last-child {
 85 |                 color: #444444;
 86 |             }
 87 |         }
 88 | 
 89 |         label {
 90 |             position: relative;
 91 |             font-size: 15px;
 92 |             color: #444444;
 93 |             padding-left: 20px;
 94 |             margin-bottom: 30px;
 95 |             display: block;
 96 |             cursor: pointer;
 97 |             margin-left: 20px;
 98 |             text-align: left;
 99 |             margin-bottom: 20px;
100 | 
101 |             input:checked ~ .checkmark {
102 |                 color: $primary-color;
103 |             }
104 | 
105 |             .checkmark {
106 |                 position: absolute;
107 |                 left: 0;
108 |                 top: 6px;
109 |                 height: 10px;
110 |                 width: 10px;
111 |                 border: 1px solid #e1e1e1;
112 |                 border-radius: 2px;
113 |             }
114 | 
115 |             input {
116 |                 position: absolute;
117 |                 visibility: hidden;
118 |                 display: none;
119 | 
120 |                 &:checked ~ span {
121 |                     background: $primary-color;
122 |                     border-color: $primary-color;
123 |                 }
124 |             }
125 |         }
126 |     }
127 | }
128 | 
129 | .signin__form__signup__social {
130 |     margin-bottom: 20px;
131 | 
132 |     a {
133 |         display: inline-block;
134 |         font-size: 16px;
135 |         color: $white-color;
136 |         height: 46px;
137 |         width: 46px;
138 |         background: #f2f2f2;
139 |         border-radius: 50%;
140 |         line-height: 46px;
141 |         text-align: center;
142 |         margin-right: 6px;
143 | 
144 |         &.facebook {
145 |             background: #1369c2;
146 |         }
147 | 
148 |         &.twitter {
149 |             background: #24c9ec;
150 |         }
151 | 
152 |         &.google {
153 |             background: #d41623;
154 |         }
155 | 
156 |         &:last-child {
157 |             margin-right: 0;
158 |         }
159 |     }
160 | }
161 | 
162 | .divide {
163 |     font-size: 15px;
164 |     color: $heading-color;
165 |     margin-bottom: 15px;
166 | }
167 | 
168 | .signin__logo {
169 |     margin-bottom: 10px;
170 | }


--------------------------------------------------------------------------------
/static/sass/_single-post.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |     About Section
  3 | -----------------------*/
  4 | .single-post {
  5 |     padding-top: 0;
  6 | }
  7 | 
  8 | .single-post__hero {
  9 |     height: 960px;
 10 | }
 11 | 
 12 | .single-post__title {
 13 |     background: $white-color;
 14 |     box-shadow: -1px 5px 5px rgba(20, 14, 5, 0.1);
 15 |     padding: 50px;
 16 |     padding-right: 40px;
 17 |     position: relative;
 18 |     margin-top: -105px;
 19 |     margin-bottom: 50px;
 20 | }
 21 | 
 22 | .single-post__title__meta {
 23 |     background: #f2f2f2;
 24 |     height: 110px;
 25 |     width: 110px;
 26 |     text-align: center;
 27 |     padding-top: 28px;
 28 |     float: left;
 29 |     margin-right: 30px;
 30 | 
 31 |     h2 {
 32 |         font-size: 42px;
 33 |         color: $heading-color;
 34 |         font-family: $fm-nunito;
 35 |         font-weight: 900;
 36 |         line-height: 28px;
 37 |     }
 38 | 
 39 |     span {
 40 |         font-size: 24px;
 41 |         color: #888888;
 42 |         text-transform: uppercase;
 43 |         font-weight: 600;
 44 |         letter-spacing: 2px;
 45 |         display: block;
 46 |     }
 47 | }
 48 | 
 49 | .single-post__title__text {
 50 |     overflow: hidden;
 51 | 
 52 |     .label {
 53 | 
 54 |         li {
 55 |             list-style: none;
 56 |             display: inline-block;
 57 |             margin-right: 18px;
 58 |             color: $primary-color;
 59 |             font-size: 12px;
 60 |             text-transform: uppercase;
 61 |             position: relative;
 62 |             font-weight: 700;
 63 | 
 64 |             &:last-child {
 65 |                 margin-right: 0;
 66 | 
 67 |                 &:after {
 68 |                     display: none;
 69 |                 }
 70 |             }
 71 | 
 72 |             &:after {
 73 |                 position: absolute;
 74 |                 right: -14px;
 75 |                 top: -2px;            
 76 |                 content: "|";
 77 |                 color: #d7d7d7;
 78 |             }
 79 |         }
 80 |     }
 81 | 
 82 |     h4 {
 83 |         font-size: 26px;
 84 |         color: $heading-color;
 85 |         line-height: 34px;
 86 |     }
 87 | 
 88 |     .widget {
 89 |     
 90 |         li {
 91 |             list-style: none;
 92 |             display: inline-block;
 93 |             margin-right: 25px;
 94 |             font-size: 12px;
 95 |             color: #888888;
 96 |             position: relative;
 97 | 
 98 |             span {
 99 |                 color: $heading-color;
100 |             }
101 | 
102 |             &:after {
103 |                 position: absolute;
104 |                 right: -18px;
105 |                 top: -1px;
106 |                 content: "|";
107 |                 color: #d7d7d7;
108 |             }
109 | 
110 |             &:last-child {
111 |                 margin-right: 0;
112 | 
113 |                 &:after {
114 |                     display: none;
115 |                 }
116 |             }
117 |         }
118 |     }
119 | }
120 | 
121 | .single-post__social__item {
122 |     position: absolute;
123 |     top: 40px;
124 |     left: -70px;
125 | 
126 |     ul {
127 | 
128 |         li {
129 |             list-style: none;
130 | 
131 |             a {
132 |                 display: inline-block;
133 |                 font-size: 16px;
134 |                 color: $heading-color;
135 |                 height: 46px;
136 |                 width: 46px;
137 |                 background: #f2f2f2;
138 |                 line-height: 46px;
139 |                 text-align: center;
140 |                 @include transition(all, .3s);
141 |                 margin-bottom: 10px;
142 |         
143 |                 &:last-child {
144 |                     margin-right: 0;
145 |                 }
146 |         
147 |                 &:hover {
148 |                     background: $primary-color;
149 |                     color: $white-color;
150 |                 }
151 |             }
152 |         }
153 |     }
154 | }
155 | 
156 | .single-post__top__text {
157 |     margin-bottom: 25px;
158 | 
159 |     p {
160 |         font-size: 15px;
161 |     }
162 | }
163 | 
164 | .single-post__recipe__details {
165 |     border: 1px solid #e1e1e1;
166 |     margin-bottom: 30px;
167 | }
168 | 
169 | .single-post__recipe__details__option {
170 |     background: #f5f5f5;
171 |     border-bottom: 1px solid #e1e1e1;
172 |     padding-left: 30px;
173 |     padding-right: 30px;
174 |     padding-top: 25px;
175 |     padding-bottom: 20px;
176 | 
177 |     ul {
178 |         overflow: hidden;
179 | 
180 |         li {
181 |             list-style: none;
182 |             float: left;
183 |             margin-right: 48px;
184 | 
185 |             &:last-child {
186 |                 margin-right: 0;
187 |             }
188 | 
189 |             h5 {
190 |                 text-transform: uppercase;
191 |                 margin-bottom: 5px;
192 | 
193 |                 i {
194 |                     font-size: 16px;
195 |                     margin-right: 5px;
196 |                 }
197 |             }
198 | 
199 |             span {
200 |                 font-size: 14px;
201 |                 color: #888888;
202 |             }
203 | 
204 |             .primary-btn {
205 | 
206 |                 i {
207 |                     margin-right: 5px;
208 |                 }
209 |             }
210 |         }
211 |     }
212 | }
213 | 
214 | .single-post__recipe__details__indegradients {
215 |     padding-left: 30px;
216 |     padding-right: 30px;
217 |     padding-top: 25px;
218 |     padding-bottom: 15px;
219 |     border-bottom: 1px solid #e1e1e1;
220 | 
221 |     h5 {
222 |         font-size: 20px;
223 |         color: $heading-color;
224 |         text-transform: uppercase;
225 |         margin-bottom: 10px;
226 |     }
227 | 
228 |     ul {
229 | 
230 |         li {
231 |             list-style: none;
232 |             font-size: 15px;
233 |             color: #444444;
234 |             line-height: 30px;
235 |             position: relative;
236 |             padding-left: 20px;
237 | 
238 |             &:before {
239 |                 position: absolute;
240 |                 left: 0;
241 |                 top: 13px;
242 |                 height: 3px;
243 |                 width: 3px;
244 |                 background: $heading-color;
245 |                 content: "";
246 |             }
247 |         }
248 |     }
249 | }
250 | 
251 | .single-post__recipe__details__direction {
252 |     padding-left: 30px;
253 |     padding-right: 30px;
254 |     padding-top: 25px;
255 |     padding-bottom: 15px;
256 | 
257 |     h5 {
258 |         font-size: 20px;
259 |         color: $heading-color;
260 |         text-transform: uppercase;
261 |         margin-bottom: 10px;
262 |     }
263 | 
264 |     ul {
265 | 
266 |         li {
267 |             list-style: none;
268 |             font-size: 15px;
269 |             color: #444444;
270 |             line-height: 30px;
271 |             position: relative;
272 |             padding-left: 20px;
273 | 
274 |             span {
275 |                 font-size: 15px;
276 |                 color: $heading-color;
277 |                 opacity: .7;
278 |                 position: absolute;
279 |                 left: 0;
280 |                 top: 0;
281 |             }
282 |         }
283 |     }
284 | }
285 | 
286 | .single-post__middle__text {
287 |     @extend .single-post__top__text;
288 |     margin-bottom: 20px;
289 | 
290 |     p {
291 |         font-size: 15px;
292 |     }
293 | }
294 | 
295 | .single-post__quote {
296 |     padding-left: 75px;
297 |     position: relative;
298 |     margin-bottom: 20px;
299 | 
300 |     &::before {
301 |         position: absolute;
302 |         left: 0;
303 |         top: 3px;
304 |         background-image: url(../img/categories/single-post/quote-left.png);
305 |         height: 55px;
306 |         width: 55px;
307 |         content: "";
308 |     }
309 | 
310 |     p {
311 |         font-size: 24px;
312 |         color: $heading-color;
313 |         line-height: 30px;
314 |         margin-bottom: 10px;
315 |         font-family: $fm-unna;
316 |     }
317 | 
318 |     span {
319 |         font-size: 15px;
320 |         color: #888888;
321 |         text-transform: uppercase;
322 |     }
323 | }
324 | .single-post__desc {
325 |     margin-bottom: 25px;
326 | 
327 |     p {
328 |         font-size: 15px;
329 |     }
330 | 
331 |     h4 {
332 |         color: $heading-color;
333 |         text-transform: uppercase;
334 |         margin-bottom: 12px;
335 |     }
336 | }
337 | 
338 | .single-post__more__details {
339 |     margin-bottom: 20px;
340 | 
341 |     img {
342 |         min-width: 100%;
343 |     }
344 |     
345 |     p {
346 |         font-size: 15px;
347 |         margin-bottom: 0;
348 |     }
349 | }
350 | 
351 | .single-post__last__text {
352 |     margin-bottom: 25px;
353 | 
354 |     p {
355 |         font-size: 15px;
356 |         
357 |         &:first-child {
358 |             margin-bottom: 10px;
359 |         }
360 |     }
361 | }
362 | 
363 | .single-post__tags {
364 |     margin-bottom: 50px;
365 | 
366 |     a {
367 |         display: inline-block;
368 |         font-size: 13px;
369 |         color: #444444;
370 |         background: #f2f2f2;
371 |         padding: 8px 16px 6px;
372 |         letter-spacing: 1px;
373 |         margin-right: 10px;
374 | 
375 |         &:last-child {
376 |             margin-right: 0;
377 |         }
378 |     }
379 | }
380 | 
381 | .single-post__next__previous {
382 |     margin-bottom: 60px;
383 | }
384 | 
385 | .single-post__previous {
386 |     display: block;
387 | 
388 |     h6 {
389 |         font-size: 15px;
390 |         color: $heading-color;
391 |         text-transform: uppercase;
392 |         font-weight: 600;
393 |         font-family: $fm-nunito;
394 |         margin-bottom: 25px;
395 | 
396 |         span {
397 |             font-size: 23px;
398 |             color: #444444;
399 |             position: relative;
400 |             top: 4px;
401 |         }
402 |     }
403 | }
404 | 
405 | .single-post__previous__meta {
406 |     height: 65px;
407 |     width: 65px;
408 |     background: #f5f5f5;
409 |     text-align: center;
410 |     padding-top: 20px;
411 |     float: left;
412 |     margin-right: 20px;
413 | 
414 |     h4 {
415 |         font-size: 26px;
416 |         font-family: $fm-nunito;
417 |         font-weight: 900;
418 |         line-height: 12px;
419 |     }
420 | 
421 |     span {
422 |         font-size: 12px;
423 |         color: #888888;
424 |         font-weight: 600;
425 |         text-transform: uppercase;
426 |         letter-spacing: 2px;
427 |     }
428 | }
429 | 
430 | .single-post__previous__text {
431 |     overflow: hidden;
432 | 
433 |     span {
434 |         font-size: 12px;
435 |         color: $primary-color;
436 |         text-transform: uppercase;
437 |         font-weight: 700;
438 |     }
439 | 
440 |     h5 {
441 |         line-height: 23px;
442 |         margin-top:5px;
443 |     }
444 | }
445 | 
446 | .single-post__next {
447 |     @extend .single-post__previous;
448 |     text-align: right;
449 | }
450 | 
451 | .single-post__next__meta {
452 |     @extend .single-post__previous__meta;
453 |     float: right;
454 |     margin-right: 0;
455 |     margin-left: 20px;
456 | }
457 | 
458 | .single-post__next__text {
459 |     @extend .single-post__previous__text;
460 | }
461 | 
462 | .single-post__author__profile {
463 |     padding: 30px;
464 |     background: #f5f5f5;
465 |     margin-bottom: 50px;
466 | }
467 | 
468 | .single-post__author__profile__pic {
469 |     float: left;
470 |     margin-right: 30px;
471 | 
472 |     img {
473 |         height: 90px;
474 |         width: 90px;
475 |         border-radius: 50%;
476 |     }
477 | }
478 | 
479 | .single-post__author__profile__text {
480 |     overflow: hidden;
481 | 
482 |     h4 {
483 |         text-transform: uppercase;
484 |     }
485 | 
486 |     p {
487 |         font-size: 15px;
488 |     }
489 | 
490 |     .single-post__author__profile__social {
491 | 
492 |         a {
493 |             display: inline-block;
494 |             font-size: 16px;
495 |             color: $heading-color;
496 |             height: 36px;
497 |             width: 36px;
498 |             background: #e1e1e1;
499 |             line-height: 36px;
500 |             text-align: center;
501 |             margin-right: 6px;
502 |             margin-top: 5px;
503 |     
504 |             &:last-child {
505 |                 margin-right: 0;
506 |             }
507 |         }
508 |     }
509 | }
510 | 
511 | .single-post__comment {
512 |     margin-bottom: 20px;
513 | }
514 | 
515 | .widget__title {
516 |     margin-bottom: 40px;
517 | 
518 |     h4 {
519 |         display: inline-block;
520 |         color: $heading-color;
521 |         text-transform: uppercase;
522 |         position: relative;
523 |         z-index: 1;
524 | 
525 |         &:after {
526 |             position: absolute;
527 |             left: 0;
528 |             bottom: 0;
529 |             height: 50%;
530 |             width: 100%;
531 |             background: $primary-color;
532 |             opacity: .3;
533 |             content: "";
534 |         }
535 |     }
536 | }
537 | 
538 | .single-post__comment__item {
539 |     margin-bottom: 10px;
540 | 
541 |     &.single-post__comment__item--reply {
542 |         padding-left: 120px;
543 |     }
544 | }
545 | 
546 | .single-post__comment__item__pic {
547 |     float: left;
548 |     margin-right: 25px;
549 | 
550 |     img {
551 |         height: 90px;
552 |         width: 90px;
553 |         border-radius: 50%;
554 |     }
555 | }
556 | 
557 | .single-post__comment__item__text {
558 |     overflow: hidden;
559 |     position: relative;
560 | 
561 |     h5 {
562 |         text-transform: uppercase;
563 |         margin-bottom: 4px;
564 |     }
565 | 
566 |     span {
567 |         font-size: 12px;
568 |         color: #888888;
569 |         display: block;
570 |         margin-bottom: 10px;
571 |     }
572 | 
573 |     p {
574 |         font-size: 15px;
575 |     }
576 | 
577 |     ul {
578 |         position: absolute;
579 |         top: 0;
580 |         right: 0;
581 | 
582 |         li {
583 |             list-style: none;
584 |             margin-right: 15px;
585 |             display: inline-block;
586 |             
587 |             a {
588 |                 font-size: 18px;
589 |                 color: #444444;
590 |                 @include transition(all, .3s);
591 | 
592 |                 &:hover {
593 |                     color: $primary-color;
594 |                 }
595 |             }
596 | 
597 |             &:last-child {
598 |                 margin-right: 0;
599 |             }
600 |         }
601 |     }
602 | }
603 | 
604 | .single-post__leave__comment {
605 | 
606 |     form {
607 | 
608 |         .input-list {
609 |             margin-right: -20px;
610 |             
611 |             input {
612 |                 height: 46px;
613 |                 width: calc(33.33% - 20px);
614 |                 background: transparent;
615 |                 border: 1px solid #e1e1e1;
616 |                 font-size: 14px;
617 |                 color: #444444;
618 |                 padding-left: 20px;
619 |                 margin-bottom: 20px;
620 |                 margin-right: 16px;
621 | 
622 |                 &:last-child {
623 |                     color: #444444;
624 |                 }
625 |             }
626 |             
627 |         }
628 | 
629 |         textarea {
630 |             height: 190px;
631 |             width: 100%;
632 |             background: transparent;
633 |             border: 1px solid #e1e1e1;
634 |             font-size: 14px;
635 |             color: #444444;
636 |             padding-top: 12px;
637 |             padding-left: 20px;
638 |             margin-bottom: 14px;
639 |             resize: none;
640 | 
641 |             &:last-child {
642 |                 color: #444444;
643 |             }
644 |         }
645 | 
646 |         button {
647 |             width: 100%;
648 |         }
649 |     }
650 | }


--------------------------------------------------------------------------------
/static/sass/_typography.scss:
--------------------------------------------------------------------------------
  1 | /*---------------------
  2 |   Typography
  3 | -----------------------*/
  4 | .typography {
  5 |     padding-top: 0;
  6 | }
  7 | 
  8 | .typography__text {
  9 |     border-top: 1px solid #ebebeb;
 10 |     padding-top: 50px;
 11 | 
 12 |     p {
 13 |         font-size: 15px;
 14 |     }
 15 | }
 16 | 
 17 | .typography__top__text {
 18 |     margin-bottom: 25px;
 19 | 
 20 |     p {
 21 | 
 22 |     }
 23 | 
 24 |     h3 {
 25 |         text-transform: uppercase;
 26 |         margin-bottom: 20px;
 27 |     }
 28 | }
 29 | 
 30 | .typography__desc {
 31 |     margin-bottom: 30px;
 32 | 
 33 |     img {
 34 |         min-width: 100%;
 35 |     }
 36 | 
 37 |     p {
 38 |         margin-bottom: 10px;
 39 |         
 40 |         &:last-child {
 41 |             margin-bottom: 0;
 42 |         }
 43 |     }
 44 | 
 45 |     h2 {
 46 |         margin-bottom: 10px;
 47 |     }
 48 | 
 49 |     h3 {
 50 |         margin-bottom: 12px;
 51 |     }
 52 | 
 53 |     h4 {
 54 |         margin-bottom: 18px;
 55 |     }
 56 | 
 57 |     .large-h5 {
 58 |         font-size: 20px;
 59 |         margin-bottom: 18px;
 60 |     }
 61 |     
 62 |     h5 {
 63 |         margin-bottom: 20px;
 64 |     }
 65 | 
 66 |     h6 {
 67 |         margin-bottom: 18px;
 68 |     }
 69 | }
 70 | 
 71 | .typography__last__text {
 72 |     margin-bottom: 35px;
 73 | }
 74 | 
 75 | .typography__text__list {
 76 | 
 77 |     p {
 78 |         margin-bottom: 8px;
 79 |     }
 80 | 
 81 |     h3 {
 82 |         text-transform: uppercase;
 83 |         margin-bottom: 8px;
 84 |     }
 85 | 
 86 |     ul {
 87 |         margin-bottom: 8px;
 88 |         padding-left: 30px;
 89 | 
 90 |         li {
 91 |             list-style: none;
 92 |             font-size: 15px;
 93 |             color: #444444;
 94 |             line-height: 30px;
 95 |             position: relative;
 96 |             padding-left: 24px;
 97 | 
 98 |             &.p-left {
 99 |                 margin-left: 30px;
100 |             }
101 | 
102 |             &:before {
103 |                 position: absolute;
104 |                 left: 0;
105 |                 top: 13px;
106 |                 height: 3px;
107 |                 width: 3px;
108 |                 background: $heading-color;
109 |                 content: "";
110 |             }
111 |         }
112 |     }
113 | }
114 | 
115 | .typography__text__list--unorder {
116 |     margin-bottom: 30px;
117 | }
118 | 
119 | .typography__text__list--order {
120 | 
121 |     ul {
122 | 
123 |         li {
124 | 
125 |             span {
126 |                 position: absolute;
127 |                 left: 0;
128 |                 top: 0;
129 |             }
130 | 
131 |             &:before {
132 |                 display: none;
133 |             }
134 |         }
135 |     }
136 | }


--------------------------------------------------------------------------------
/static/sass/_variable.scss:
--------------------------------------------------------------------------------
1 | $primary-color: #f4952f;
2 | $seconday-color: #120851;
3 | $white-color: #ffffff;
4 | $heading-color: #111111;
5 | $para-color: #6e6e6e;
6 | $black-color: #000000;
7 | 
8 | $fm-unna: 'Unna', serif;
9 | $fm-nunito: 'Nunito Sans', sans-serif;


--------------------------------------------------------------------------------
/static/sass/style.scss:
--------------------------------------------------------------------------------
 1 | @import "variable";
 2 | @import "mixins";
 3 | 
 4 | @import "base";
 5 | @import "header";
 6 | @import "hero";
 7 | @import "categories";
 8 | @import "sidebar";
 9 | @import "single-post";
10 | @import "footer";
11 | @import "about-page";
12 | @import "contact";
13 | @import "signin";
14 | @import "404";
15 | @import "typography";
16 | @import "responsive";
17 | 
18 | 
19 | // sass --watch sass/style.scss:css/style.css


--------------------------------------------------------------------------------
/templates/base.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ru">
 3 | {% load static %}
 4 | 
 5 | 
 6 | <head>
 7 |   <meta charset="UTF-8">
 8 |   <meta name="description" content="Foodeiblog Template">
 9 |   <meta name="keywords" content="Foodeiblog, unica, creative, html">
10 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
11 |   <meta http-equiv="X-UA-Compatible" content="ie=edge">
12 |   <title>Foodeiblog | Template</title>
13 | 
14 |   <!-- Google Font -->
15 |   <link
16 |       href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900&display=swap"
17 |       rel="stylesheet">
18 |   <link href="https://fonts.googleapis.com/css?family=Unna:400,700&display=swap" rel="stylesheet">
19 | 
20 |   <!-- Css Styles -->
21 |   <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css">
22 |   <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type="text/css">
23 |   <link rel="stylesheet" href="{% static 'css/elegant-icons.css' %}" type="text/css">
24 |   <link rel="stylesheet" href="{% static 'css/owl.carousel.min.css' %}" type="text/css">
25 |   <link rel="stylesheet" href="{% static 'css/slicknav.min.css' %}" type="text/css">
26 |   <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css">
27 | </head>
28 | 
29 | <body>
30 | <!-- Page Preloder -->
31 | <div id="preloder">
32 |   <div class="loader"></div>
33 | </div>
34 | 
35 | <!-- Humberger Begin -->
36 | {% include 'blog/include/left_nav.html' %}
37 | <!-- Humberger End -->
38 | 
39 | <!-- Header Section Begin -->
40 | {% include 'header.html' %}
41 | <!-- Header Section End -->
42 | 
43 | {% block content %}
44 | 
45 | {% endblock content %}
46 | 
47 | {% include 'footer.html' %}
48 | 
49 | <!-- Search Begin -->
50 | <div class="search-model">
51 |   <div class="h-100 d-flex align-items-center justify-content-center">
52 |     <div class="search-close-switch">+</div>
53 |     <form class="search-model-form">
54 |       <input type="text" id="search-input" placeholder="Search here.....">
55 |     </form>
56 |   </div>
57 | </div>
58 | <!-- Search End -->
59 | 
60 | <!-- Js Plugins -->
61 | <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
62 | <script src="{% static 'js/bootstrap.min.js' %}"></script>
63 | <script src="{% static 'js/jquery.slicknav.js' %}"></script>
64 | <script src="{% static 'js/owl.carousel.min.js' %}"></script>
65 | <script src="{% static 'js/main.js' %}"></script>
66 | </body>
67 | 
68 | </html>
69 | 


--------------------------------------------------------------------------------
/templates/blog/home.html:
--------------------------------------------------------------------------------
  1 | {% extends 'base.html' %}
  2 | {% load gallery_tags %}
  3 | 
  4 | {% block content %}
  5 |   <!-- Hero Section Begin -->
  6 |   {% get_gallery %}
  7 | 
  8 |   <!-- Categories Section Begin -->
  9 |   <section class="categories spad">
 10 | {#    <div class="container">#}
 11 | {#      <div class="row">#}
 12 | {#        <div class="col-lg-3 col-md-6 col-sm-6">#}
 13 | {#          <div class="categories__item set-bg" data-setbg="img/categories/cat-1.jpg">#}
 14 | {#            <div class="categories__hover__text">#}
 15 | {#              <h5>Dinner</h5>#}
 16 | {#              <p>28 articles</p>#}
 17 | {#            </div>#}
 18 | {#          </div>#}
 19 | {#        </div>#}
 20 | {#        <div class="col-lg-3 col-md-6 col-sm-6">#}
 21 | {#          <div class="categories__item set-bg" data-setbg="img/categories/cat-2.jpg">#}
 22 | {#            <div class="categories__hover__text">#}
 23 | {#              <h5>Dinner</h5>#}
 24 | {#              <p>28 articles</p>#}
 25 | {#            </div>#}
 26 | {#          </div>#}
 27 | {#        </div>#}
 28 | {#        <div class="col-lg-3 col-md-6 col-sm-6">#}
 29 | {#          <div class="categories__item set-bg" data-setbg="img/categories/cat-3.jpg">#}
 30 | {#            <div class="categories__hover__text">#}
 31 | {#              <h5>Dinner</h5>#}
 32 | {#              <p>28 articles</p>#}
 33 | {#            </div>#}
 34 | {#          </div>#}
 35 | {#        </div>#}
 36 | {#        <div class="col-lg-3 col-md-6 col-sm-6">#}
 37 | {#          <div class="categories__item set-bg" data-setbg="img/categories/cat-4.jpg">#}
 38 | {#            <div class="categories__hover__text">#}
 39 | {#              <h5>Dinner</h5>#}
 40 | {#              <p>28 articles</p>#}
 41 | {#            </div>#}
 42 | {#          </div>#}
 43 | {#        </div>#}
 44 | {#      </div>#}
 45 | {#    </div>#}
 46 |     <div class="categories__post">
 47 |       <div class="container">
 48 |         <div class="row">
 49 |           <div class="col-lg-8 col-md-8">
 50 |             {% for post in post_list %}
 51 |                 {% if forloop.first %}
 52 |                   <div class="categories__post__item categories__post__item--large">
 53 |                     <div class="categories__post__item__pic set-bg"
 54 |                          data-setbg="{{ post.image.url }}">
 55 |                       <div class="post__meta">
 56 |                         <h4>{{ post.create_at|date:"d" }}</h4>
 57 |                         <span>{{ post.create_at|date:"M" }}</span>
 58 |                       </div>
 59 |                     </div>
 60 |                     <div class="categories__post__item__text">
 61 |                       <ul class="post__label--large">
 62 |                         <li>{{ post.category }}</li>
 63 |                       </ul>
 64 |                       <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
 65 |                       <ul class="post__widget">
 66 |                         <li>by <span>{{ post.author }}</span></li>
 67 |                         <li>3 min read</li>
 68 |                         <li>20 Comment</li>
 69 |                       </ul>
 70 |                       <p>{{ post.text|slice:":250" }}</p>
 71 |                       <a href="{{ post.get_absolute_url }}" class="primary-btn">Read more</a>
 72 |                     </div>
 73 |                   </div>
 74 |                   <div class="row">
 75 |                 {% endif %}
 76 |             {% endfor %}
 77 |                 <div class="col-lg-6 col-md-6 col-sm-6">
 78 |                   {% for post in post_list %}
 79 |                       {% if forloop.counter <= 5 and  forloop.counter > 1 %}
 80 |                         <div class="categories__post__item">
 81 |                           <div class="categories__post__item__pic small__item set-bg"
 82 |                                data-setbg="{{ post.image.url }}">
 83 |                             <div class="post__meta">
 84 |                               <h4>{{ post.create_at|date:"d" }}</h4>
 85 |                               <span>{{ post.create_at|date:"M" }}</span>
 86 |                             </div>
 87 |                           </div>
 88 |                           <div class="categories__post__item__text">
 89 |                             <span class="post__label">{{ post.category }}</span>
 90 |                             <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
 91 |                             <ul class="post__widget">
 92 |                               <li>by <span>{{ post.author }}</span></li>
 93 |                               <li>3 min read</li>
 94 |                               <li>20 Comment</li>
 95 |                             </ul>
 96 |                             <p>{{ post.text|slice:":250" }}</p>
 97 |                           </div>
 98 |                         </div>
 99 |                       {% endif %}
100 |                   {% endfor %}
101 |                 </div>
102 | 
103 |                 <div class="col-lg-6 col-md-6 col-sm-6">
104 |                   {% for post in post_list %}
105 |                     {% if forloop.counter > 5 %}
106 |                       <div class="categories__post__item">
107 |                         <div class="categories__post__item__pic small__item set-bg"
108 |                              data-setbg="{{ post.image.url }}">
109 |                           <div class="post__meta">
110 |                             <h4>{{ post.create_at|date:"d" }}</h4>
111 |                             <span>{{ post.create_at|date:"M" }}</span>
112 |                           </div>
113 |                         </div>
114 |                         <div class="categories__post__item__text">
115 |                           <span class="post__label">{{ post.category }}</span>
116 |                           <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
117 |                           <ul class="post__widget">
118 |                             <li>by <span>{{ post.author }}</span></li>
119 |                             <li>3 min read</li>
120 |                             <li>20 Comment</li>
121 |                           </ul>
122 |                           <p>{{ post.text|slice:":250" }}</p>
123 |                         </div>
124 |                       </div>
125 |                     {% endif %}
126 |                   {% endfor %}
127 |                 </div>
128 |               </div>
129 | 
130 | 
131 |             <div class="col-lg-12 text-center">
132 |               <div class="load__more__btn">
133 |                 <a href="#">Load more</a>
134 |               </div>
135 |             </div>
136 |           </div>
137 |           {% include 'blog/include/sidebar.html' %}
138 |         </div>
139 |       </div>
140 |     </div>
141 |   </section>
142 |   <!-- Categories Section End -->
143 | 
144 | {% endblock content %}
145 | 


--------------------------------------------------------------------------------
/templates/blog/include/left_nav.html:
--------------------------------------------------------------------------------
 1 | {% load menu_tags social_tags cache %}
 2 | 
 3 | {% cache 5000 left_nav %}
 4 | <div class="humberger__menu__overlay"></div>
 5 | <div class="humberger__menu__wrapper">
 6 |   <div class="humberger__menu__logo">
 7 |     <a href="/"><img src="img/humberger/humberger-logo.png" alt=""></a>
 8 |   </div>
 9 |   <nav class="humberger__menu__nav mobile-menu">
10 |     <ul>
11 |       <li><a href="/">Главная</a></li>
12 |       {% get_categories %}
13 |       <li><a href="{% url 'about' %}">О нас</a></li>
14 |       <li><a href="{% url 'contact' %}">Контакты</a></li>
15 |     </ul>
16 |   </nav>
17 |   <div id="mobile-menu-wrap"></div>
18 | 
19 |   <div class="humberger__menu__about">
20 |     <div class="humberger__menu__title sidebar__item__title">
21 |       <h6>About me</h6>
22 |     </div>
23 |     {% get_about as about %}
24 |     <img src="{{ about.get_first_image}}" alt="">
25 |     {{ about.mini_text|safe }}
26 |     <div class="humberger__menu__about__social sidebar__item__follow__links">
27 |       {% get_social_links as social_links %}
28 |       {% for item in social_links %}
29 |         <a href="{{ item.link }}"><img class="contact_icon" src="{{ item.icon.url }}"></a>
30 |       {% endfor %}
31 |     </div>
32 |   </div>
33 | 
34 |   <div class="humberger__menu__subscribe">
35 |     <div class="humberger__menu__title sidebar__item__title">
36 |       <h6>Subscribe</h6>
37 |     </div>
38 |     <p>Subscribe to our newsletter and get our newest updates right on your inbox.</p>
39 |     <form action="#">
40 |       <input type="text" class="email-input" placeholder="Your email">
41 |       <label for="agree-check">
42 |         I agree to the terms & conditions
43 |         <input type="checkbox" id="agree-check">
44 |         <span class="checkmark"></span>
45 |       </label>
46 |       <button type="submit" class="site-btn">Subscribe</button>
47 |     </form>
48 |   </div>
49 | </div>
50 | {% endcache %}
51 | 


--------------------------------------------------------------------------------
/templates/blog/include/sidebar.html:
--------------------------------------------------------------------------------
 1 | {% load social_tags cache %}
 2 | 
 3 | 
 4 | {% cache 5000 sidebar %}
 5 | <div class="col-lg-4 col-md-4">
 6 |   <div class="sidebar__item">
 7 |     <div class="sidebar__about__item">
 8 |       <div class="sidebar__item__title">
 9 |         <h6>About me</h6>
10 |       </div>
11 |       {% get_about as about %}
12 |       <img src="{{ about.get_first_image }}" alt="">
13 |       <h6>Hi every one! I,m <span>{{ about.name }}</span></h6>
14 |       <p>{{ about.mini_text|safe }}</p>
15 |       <a href="{% url 'about' %}" class="primary-btn">Read more</a>
16 |     </div>
17 |     <div class="sidebar__follow__item">
18 |       <div class="sidebar__item__title">
19 |         <h6>Follow me</h6>
20 |       </div>
21 |       {% get_social_links as social_links %}
22 |       <div class="sidebar__item__follow__links">
23 |         {% for item in social_links %}
24 |           <a href="{{ item.link }}"><img src="{{ item.icon.url }}"></a>
25 |         {% endfor %}
26 |       </div>
27 |     </div>
28 |     <div class="sidebar__item__banner">
29 |       <img src="/static/img/sidebar/banner.jpg" alt="">
30 |     </div>
31 |     <div class="sidebar__item__categories">
32 |       <div class="sidebar__item__title">
33 |         <h6>Categories</h6>
34 |       </div>
35 |     {% include './sidebar_category.html' %}
36 | 
37 |     </div>
38 |     <div class="sidebar__subscribe__item">
39 |       <div class="sidebar__item__title">
40 |         <h6>Subscribe</h6>
41 |       </div>
42 |       <p>Subscribe to our newsletter and get our newest updates right on your inbox.</p>
43 |       <form action="#">
44 |         <input type="text" class="email-input" placeholder="Your email">
45 |         <label for="s-agree-check">
46 |           I agree to the terms & conditions
47 |           <input type="checkbox" id="s-agree-check">
48 |           <span class="checkmark"></span>
49 |         </label>
50 |         <button type="submit" class="site-btn">Subscribe</button>
51 |       </form>
52 |     </div>
53 |   </div>
54 | </div>
55 | {% endcache %}
56 | 


--------------------------------------------------------------------------------
/templates/blog/include/sidebar_category.html:
--------------------------------------------------------------------------------
1 | {% load menu_tags %}
2 | <ul>
3 |   {% get_list_category as list_category %}
4 |   {% for node in list_category %}
5 |     <li><a href="{% url 'post_list' node.slug %}">{{ node.name }}</a></li>
6 |   {% endfor %}
7 | </ul>
8 | 


--------------------------------------------------------------------------------
/templates/blog/include/tags/gallery_tag.html:
--------------------------------------------------------------------------------
 1 | <section class="hero">
 2 |   <div class="hero__slider owl-carousel">
 3 |     <div class="hero__item">
 4 |       <div class="container-fluid">
 5 |         <div class="row">
 6 |           {% for photo in photos %}
 7 |             <div class="col-lg-6 p-0">
 8 |                 <div class="hero__inside__item hero__inside__item--wide set-bg"
 9 |                      data-setbg="{{ photo.image.url }}">
10 |                 </div>
11 |             </div>
12 |           {% endfor %}
13 |         </div>
14 |       </div>
15 |     </div>
16 |   </div>
17 | </section>
18 | <!-- Hero Section End -->
19 | 


--------------------------------------------------------------------------------
/templates/blog/include/tags/recipes_tag.html:
--------------------------------------------------------------------------------
 1 | {% load menu_tags %}
 2 | <li>
 3 |   <a href="#">Recipes</a>
 4 |   <div class="header__megamenu__wrapper">
 5 |     <div class="header__megamenu">
 6 |       {% for post in list_last_post %}
 7 |         <div class="header__megamenu__item">
 8 |           <div class="header__megamenu__item--pic set-bg"
 9 |                data-setbg="{{ post.image.url }}">
10 |             <div class="label">{{ post.category.name }}</div>
11 |           </div>
12 |           <div class="header__megamenu__item--text">
13 |             <h5>
14 |               <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
15 |             </h5>
16 |           </div>
17 |         </div>
18 |       {% endfor %}
19 |     </div>
20 |   </div>
21 | </li>
22 | 


--------------------------------------------------------------------------------
/templates/blog/include/tags/top_menu.html:
--------------------------------------------------------------------------------
 1 | {% load mptt_tags %}
 2 | 
 3 | <li class="dropdown">
 4 |   <a href="#">Категории</a>
 5 |   <ul class="dropdown__menu">
 6 |     {% recursetree list_category %}
 7 |       <li>
 8 |         <a href="{% url 'post_list' node.slug %}">{{ node.name }}</a>
 9 |         {% if not node.is_leaf_node %}
10 |           <ul class="children">
11 |             {{ children }}
12 |           </ul>
13 |         {% endif %}
14 |       </li>
15 |     {% endrecursetree %}
16 |   </ul>
17 | </li>
18 | 


--------------------------------------------------------------------------------
/templates/blog/include/top_nav.html:
--------------------------------------------------------------------------------
 1 | {% load menu_tags cache %}
 2 | 
 3 | {% cache 5000 top_nav %}
 4 | <nav class="header__menu">
 5 |   <ul>
 6 |     <li class="active"><a href="/">Главная</a></li>
 7 |     {% get_last_posts %}
 8 |     {% get_categories %}
 9 |     <li><a href="{% url 'about' %}">О нас</a></li>
10 |     <li><a href="{% url 'contact' %}">Контакты</a></li>
11 |   </ul>
12 | </nav>
13 | {% endcache %}
14 | 


--------------------------------------------------------------------------------
/templates/blog/post_detail.html:
--------------------------------------------------------------------------------
  1 | {% extends 'base.html' %}
  2 | {% load social_tags %}
  3 | 
  4 | {% block content %}
  5 |   <section class="single-post spad">
  6 |     <div class="single-post__hero set-bg" data-setbg="{{ post.image.url }}"></div>
  7 |     <div class="container">
  8 |       <div class="row d-flex justify-content-center">
  9 |         <div class="col-lg-8">
 10 |           <div class="single-post__title">
 11 |             <div class="single-post__title__meta">
 12 |               <h2>{{ post.create_at|date:"d" }}</h2>
 13 |               <span>{{ post.create_at|date:"M" }}</span>
 14 |             </div>
 15 |             <div class="single-post__title__text">
 16 |               <ul class="label">
 17 |                 <li>{{ post.category }}</li>
 18 |               </ul>
 19 |               <h4>{{ post.title }}</h4>
 20 |               <ul class="widget">
 21 |                 <li>by {{ post.author }}</li>
 22 |                 <li>3 min read</li>
 23 |                 <li>20 Comment</li>
 24 |               </ul>
 25 |             </div>
 26 |           </div>
 27 |           <div class="single-post__social__item">
 28 |             <ul>
 29 |               <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 30 |               <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 31 |               <li><a href="#"><i class="fa fa-instagram"></i></a></li>
 32 |               <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
 33 |             </ul>
 34 |           </div>
 35 |           <div class="single-post__top__text">
 36 |             <p>{{ post.text|truncatewords:20 }}</p>
 37 |           </div>
 38 |           <div class="single-post__recipe__details">
 39 |             {% for recipe in post.get_recipes %}
 40 |               <div class="single-post__recipe__details__option">
 41 |                 <ul>
 42 |                   <li>
 43 |                     <h5><i class="fa fa-user-o"></i> SERVES</h5>
 44 |                     <span>{{ recipe.serves }}</span>
 45 |                   </li>
 46 |                   <li>
 47 |                     <h5><i class="fa fa-clock-o"></i> PREP TIME</h5>
 48 |                     <span>{{ recipe.prep_time }}</span>
 49 |                   </li>
 50 |                   <li>
 51 |                     <h5><i class="fa fa-clock-o"></i> Cook TIME</h5>
 52 |                     <span>{{ recipe.cook_time }}</span>
 53 |                   </li>
 54 |                   <li><a href="#" class="primary-btn"><i class="fa fa-print"></i> Read more</a></li>
 55 |                 </ul>
 56 |               </div>
 57 | 
 58 |               <div class="single-post__recipe__details__indegradients">
 59 |                 <h5>Ingredients</h5>
 60 |                 {{ recipe.ingredients|safe }}
 61 |               </div>
 62 |               <div class="single-post__recipe__details__direction">
 63 |                 <h5>Directions</h5>
 64 |                 {{ recipe.directions|safe }}
 65 |               </div>
 66 |             {% endfor %}
 67 |           </div>
 68 | 
 69 |           <div class="single-post__desc">
 70 |             <p>{{ post.text }}</p>
 71 |           </div>
 72 |           <div class="single-post__tags">
 73 |             {% for tag in post.tags.all %}
 74 |               <a href="#">{{ tag.name }}</a>
 75 |             {% endfor %}
 76 |           </div>
 77 |           <div class="single-post__next__previous">
 78 |             <div class="row">
 79 |               <div class="col-lg-6 col-md-6 col-sm-6">
 80 |                 <a href="#" class="single-post__previous">
 81 |                   <h6><span class="arrow_carrot-left"></span> Previous posts</h6>
 82 |                   <div class="single-post__previous__meta">
 83 |                     <h4>08</h4>
 84 |                     <span>Aug</span>
 85 |                   </div>
 86 |                   <div class="single-post__previous__text">
 87 |                     <span>Dinner</span>
 88 |                     <h5>The Best Weeknight Baked <br/>Potatoes, 3 Creative Ways</h5>
 89 |                   </div>
 90 |                 </a>
 91 |               </div>
 92 |               <div class="col-lg-6 col-md-6 col-sm-6">
 93 |                 <a href="#" class="single-post__next">
 94 |                   <h6>Next posts <span class="arrow_carrot-right"></span></h6>
 95 |                   <div class="single-post__next__meta">
 96 |                     <h4>05</h4>
 97 |                     <span>Aug</span>
 98 |                   </div>
 99 |                   <div class="single-post__next__text">
100 |                     <span>Smoothie</span>
101 |                     <h5>The $8 French Rosé I Buy in <br/>Bulk Every Summer</h5>
102 |                   </div>
103 |                 </a>
104 |               </div>
105 |             </div>
106 |           </div>
107 |           {% get_about as about %}
108 |           <div class="single-post__author__profile">
109 |             <div class="single-post__author__profile__pic">
110 |               <img src="{{ about.get_first_image }}" alt="">
111 |             </div>
112 |             <div class="single-post__author__profile__text">
113 |               <h4>{{ about.name }}</h4>
114 |               <p>{{ about.mini_text|safe }}</p>
115 |               <div class="single-post__author__profile__social">
116 |                 {% get_social_links as social_links %}
117 |                 {% for item in social_links %}
118 |                   <a href="{{ item.link }}"><img src="{{ item.icon.url }}"></a>
119 |                 {% endfor %}
120 |               </div>
121 |             </div>
122 |           </div>
123 |           <div class="single-post__comment">
124 |             <div class="widget__title">
125 |               <h4>{{ post.get_comments.count }} Comment</h4>
126 |             </div>
127 |             {% for comment in post.get_comments %}
128 |               <div class="single-post__comment__item">
129 |                 <div class="single-post__comment__item__pic">
130 |                   <img src="/static/img/categories/cat-2.jpg" alt="">
131 |                 </div>
132 |                 <div class="single-post__comment__item__text">
133 |                   <h5>{{ comment.name }}</h5>
134 |                   <span>{{ comment.create_at }}</span>
135 |                   <p>{{ comment.message }}</p>
136 |                 </div>
137 |               </div>
138 |             {% endfor %}
139 |           </div>
140 |           <div class="single-post__leave__comment">
141 |             <div class="widget__title">
142 |               <h4>Leave a comment</h4>
143 |             </div>
144 |             <form action="{% url 'create_comment' pk=post.id %}" method="post">
145 |               {% csrf_token %}
146 |               <div class="input-list">
147 |                 {{ form.name }}
148 |                 {{ form.email }}
149 |                 {{ form.website }}
150 |                 {#                                <input type="text" placeholder="Name">#}
151 |                 {#                                <input type="text" placeholder="Email">#}
152 |                 {#                                <input type="text" placeholder="Website">#}
153 |               </div>
154 |               {#                            <textarea placeholder="Message"></textarea>#}
155 |               {{ form.message }}
156 |               <button type="submit" class="site-btn">Submit</button>
157 |             </form>
158 |           </div>
159 |         </div>
160 |       </div>
161 |     </div>
162 |   </section>
163 | 
164 | {% endblock content %}
165 | 
166 | 


--------------------------------------------------------------------------------
/templates/blog/post_list.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | 
 3 | {% block content %}
 4 |   <section class="categories categories-grid spad">
 5 |     <div class="categories__post">
 6 |       <div class="container">
 7 |         <div class="categories__grid__post">
 8 |           <div class="row">
 9 |             <div class="col-lg-8 col-md-8">
10 |               <div class="breadcrumb__text">
11 |                 <h2>Categories: <span>{{ post_list.first.category.name }}</span></h2>
12 |                 <div class="breadcrumb__option">
13 |                   <a href="#">Home</a>
14 |                   <span>Recipes</span>
15 |                 </div>
16 |               </div>
17 |               <div class="row">
18 |                 <div class="col-lg-6 col-md-6 col-sm-6">
19 |                   {% for post in post_list %}
20 |                     <div class="categories__post__item">
21 |                       <div class="categories__post__item__pic small__item set-bg"
22 |                            data-setbg="{{ post.image.url }}">
23 |                         <div class="post__meta">
24 |                           <h4>{{ post.create_at|date:"d" }}</h4>
25 |                           <span>{{ post.create_at|date:"M" }}</span>
26 |                         </div>
27 |                       </div>
28 |                       <div class="categories__post__item__text">
29 |                         <span class="post__label">{{ post.category }}</span>
30 |                         <h3><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h3>
31 |                         <ul class="post__widget">
32 |                           <li>by <span>{{ post.author }}</span></li>
33 |                           <li>3 min read</li>
34 |                           <li>20 Comment</li>
35 |                         </ul>
36 |                         <p>{{ post.text|slice:":250" }}</p>
37 |                       </div>
38 |                     </div>
39 |                   {% endfor %}
40 |                 </div>
41 |                 <div class="col-lg-12 text-center">
42 |                   <div class="load__more__btn">
43 |                     <a href="#">Load more</a>
44 |                   </div>
45 |                 </div>
46 |               </div>
47 |             </div>
48 |             {% include 'blog/include/sidebar.html' %}
49 | 
50 |           </div>
51 |         </div>
52 |       </div>
53 |     </div>
54 |   </section>
55 | {% endblock content %}
56 | 


--------------------------------------------------------------------------------
/templates/contact/about.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | {% load social_tags %}
 3 | {% block content %}
 4 | 
 5 | <section class="about spad">
 6 |   <div class="container">
 7 |     <div class="about__text">
 8 |       <div class="row">
 9 |         <div class="col-lg-12">
10 |           <div class="breadcrumb__text">
11 |             <h2>About me</h2>
12 |             <div class="breadcrumb__option">
13 |               <a href="#">Home</a>
14 |               <span>About</span>
15 |             </div>
16 |           </div>
17 |         </div>
18 |       </div>
19 |       <div class="row">
20 |         <div class="col-lg-6">
21 |           <div class="about__pic__item__large">
22 |             <img src="{{ about.get_first_image}}" alt="">
23 |           </div>
24 |           <div class="about__pic">
25 |             {% for item in about.get_images %}
26 |               <div class="about__pic__item">
27 |                 <img src="{{ item.image.url }}" alt="{{ item.alt }}">
28 |               </div>
29 |             {% endfor %}
30 |           </div>
31 |         </div>
32 |         <div class="col-lg-6">
33 |           <div class="about__right__text">
34 |             {{ about.text|safe }}
35 |             <div class="about__right__text__social">
36 |               {% get_social_links as social_links %}
37 |               {% for item in social_links %}
38 |                 <a href="{{ item.link }}"><img src="{{ item.icon.url }}"></a>
39 |               {% endfor %}
40 |                 
41 | 
42 | 
43 | {#              <a href="#"><i class="fa fa-twitter"></i></a>#}
44 | {#              <a href="#"><i class="fa fa-youtube-play"></i></a>#}
45 | {#              <a href="#"><i class="fa fa-instagram"></i></a>#}
46 |             </div>
47 |           </div>
48 |         </div>
49 |       </div>
50 |     </div>
51 |   </div>
52 | </section>
53 | {% endblock content %}
54 | 


--------------------------------------------------------------------------------
/templates/contact/contact.html:
--------------------------------------------------------------------------------
 1 | {% extends 'base.html' %}
 2 | 
 3 | {% block content %}
 4 | 
 5 |   <section class="contact spad">
 6 |     <div class="container">
 7 |       <div class="contact__text">
 8 |         <div class="row">
 9 |           <div class="col-lg-12">
10 |             <div class="breadcrumb__text">
11 |               <h2>Contact</h2>
12 |               <div class="breadcrumb__option">
13 |                 <a href="#">Home</a>
14 |                 <span>Contact</span>
15 |               </div>
16 |             </div>
17 |           </div>
18 |         </div>
19 |         <div class="row">
20 |           <div class="col-lg-6 col-md-6">
21 | {#            <div class="contact__map">#}
22 | {#              <iframe#}
23 | {#                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96748.5538666784!2d-74.25209557318462!3d40.73139236772185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25370329a0e1d%3A0xe1bcdc2adcfee473!2sNewark%2C%20NJ%2C%20USA!5e0!3m2!1sen!2sbd!4v1585643782289!5m2!1sen!2sbd"#}
24 | {#                  height="350" style="border:0;" allowfullscreen="" aria-hidden="false"#}
25 | {#                  tabindex="0"></iframe>#}
26 | {#            </div>#}
27 |             <div class="contact__widget">
28 |               <ul>
29 |                 {% for contact in contacts %}
30 |                   <li>
31 | {#                    <i class="fa fa-map-marker"></i>#}
32 |                     <img class="contact_icon" src="{{ contact.icon.url }}">
33 |                     <span>{{ contact.name }}</span>
34 |                   </li>
35 |                 {% endfor %}
36 |               </ul>
37 |             </div>
38 |           </div>
39 |           <div class="col-lg-6 col-md-6">
40 |             <div class="contact__form">
41 |               <div class="contact__form__title">
42 |                 <h2>gET IN TOUCH</h2>
43 |                 <p>My experience with Realy is absolutely positive. The themes are beautifully
44 |                   designed
45 |                   and well documented. Realy theme provides quick support.</p>
46 |               </div>
47 |               <form action="{% url 'feedback' %}" method="post">
48 | {#                <input type="text" placeholder="Name">#}
49 | {#                <input type="text" placeholder="Email">#}
50 | {#                <input type="text" placeholder="Website">#}
51 | {#                <textarea placeholder="Message"></textarea>#}
52 |                 {% csrf_token %}
53 |                 {{ form }}
54 |                 <button type="submit" class="site-btn">Submit</button>
55 |               </form>
56 |             </div>
57 |           </div>
58 |         </div>
59 |       </div>
60 |     </div>
61 |   </section>
62 | 
63 | {% endblock content %}
64 | 


--------------------------------------------------------------------------------
/templates/footer.html:
--------------------------------------------------------------------------------
 1 | {% load static social_tags cache %}
 2 | 
 3 | {% cache 5000 footer %}
 4 | <footer class="footer">
 5 |   <div class="container-fluid">
 6 |     <div class="footer__instagram">
 7 |       <div class="footer__instagram__avatar">
 8 |         <div class="footer__instagram__avatar--pic">
 9 |           <img src="{% static 'img/footer/instagram-avatar.jpg' %}" alt="">
10 |         </div>
11 |         <div class="footer__instagram__avatar--text">
12 |           <h5>@ foodieblog</h5>
13 |           <span>23,7k follower</span>
14 |         </div>
15 |       </div>
16 |       <div class="row">
17 |         <div class="col-lg-2 col-md-2 col-sm-4 col-6">
18 |           <div class="footer__instagram__item set-bg" data-setbg="{% static 'img/footer/ip-1.jpg' %}"></div>
19 |         </div>
20 |         <div class="col-lg-2 col-md-2 col-sm-4 col-6">
21 |           <div class="footer__instagram__item set-bg" data-setbg="{% static 'img/footer/ip-2.jpg' %}"></div>
22 |         </div>
23 |         <div class="col-lg-2 col-md-2 col-sm-4 col-6">
24 |           <div class="footer__instagram__item set-bg" data-setbg="{% static 'img/footer/ip-3.jpg' %}"></div>
25 |         </div>
26 |         <div class="col-lg-2 col-md-2 col-sm-4 col-6">
27 |           <div class="footer__instagram__item set-bg" data-setbg="{% static 'img/footer/ip-4.jpg' %}"></div>
28 |         </div>
29 |         <div class="col-lg-2 col-md-2 col-sm-4 col-6">
30 |           <div class="footer__instagram__item set-bg" data-setbg="{% static 'img/footer/ip-5.jpg' %}"></div>
31 |         </div>
32 |         <div class="col-lg-2 col-md-2 col-sm-4 col-6">
33 |           <div class="footer__instagram__item set-bg" data-setbg="{% static 'img/footer/ip-6.jpg' %}"></div>
34 |         </div>
35 |       </div>
36 |     </div>
37 |   </div>
38 |   <div class="container">
39 |     <div class="row">
40 |       <div class="col-lg-12">
41 |         <div class="footer__text">
42 |           <div class="footer__logo">
43 |             <a href="#"><img src="{% static 'img/logo.png' %}" alt=""></a>
44 |           </div>
45 |           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
46 |             incididunt
47 |             ut<br/> labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus
48 |             commodo viverra<br/> maecenas accumsan lacus vel facilisis. </p>
49 |           <div class="footer__social">
50 |               {% get_social_links as social_links %}
51 |               {% for item in social_links %}
52 |                 <a href="{{ item.link }}"><img src="{{ item.icon.url }}"></a>
53 |               {% endfor %}
54 |           </div>
55 |         </div>
56 |         <div class="footer__copyright">
57 |           <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
58 |             Copyright &copy;<script>document.write(new Date().getFullYear());</script>
59 |             All rights reserved | This template is made with <i class="fa fa-heart"
60 |                                                                 aria-hidden="true"></i> by <a
61 |                 href="https://colorlib.com" target="_blank">Colorlib</a>
62 |             <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
63 |           </p>
64 |         </div>
65 |       </div>
66 |     </div>
67 |   </div>
68 | </footer>
69 | <!-- Footer Section End -->
70 | {% endcache %}
71 | 


--------------------------------------------------------------------------------
/templates/header.html:
--------------------------------------------------------------------------------
 1 | {% load social_tags cache %}
 2 | 
 3 | {% cache 5000 header %}
 4 | <header class="header">
 5 |   <div class="header__top">
 6 |     <div class="container">
 7 |       <div class="row">
 8 |         <div class="col-lg-2 col-md-1 col-6 order-md-1 order-1">
 9 |           <div class="header__humberger">
10 |             <i class="fa fa-bars humberger__open"></i>
11 |           </div>
12 |         </div>
13 |         <div class="col-lg-8 col-md-10 order-md-2 order-3">
14 |           {% include 'blog/include/top_nav.html' %}
15 |         </div>
16 |         <div class="col-lg-2 col-md-1 col-6 order-md-3 order-2">
17 |           <div class="header__search">
18 |             <i class="fa fa-search search-switch"></i>
19 |           </div>
20 |         </div>
21 |       </div>
22 |     </div>
23 |   </div>
24 | {#  <div class="container">#}
25 | {#    <div class="row">#}
26 | {#      <div class="col-lg-3 col-md-3">#}
27 | {#      </div>#}
28 | {#      <div class="col-lg-6 col-md-6">#}
29 | {#        <div class="header__logo">#}
30 | {#          <a href="./index.html"><img src="img/logo.png" alt=""></a>#}
31 | {#        </div>#}
32 | {#      </div>#}
33 | {#      <div class="col-lg-3 col-md-3">#}
34 | {#        <div class="header__social">#}
35 | {#          {% get_social_links as social_links %}#}
36 | {#          {% for item in social_links %}#}
37 | {#            <a href="{{ item.link }}"><img class="contact_icon" src="{{ item.icon.url }}"></a>#}
38 | {#          {% endfor %}#}
39 | {#        </div>#}
40 | {#      </div>#}
41 | {#    </div>#}
42 | {#  </div>#}
43 | </header>
44 | {% endcache %}
45 | 


--------------------------------------------------------------------------------