Eclectic Media Git eclecticmedia.space / d1a14c8
Merge branch 'blog_ad' Ariana Giroux 2 months ago
10 changed file(s) with 49 addition(s) and 74 deletion(s). Raw diff Collapse all Expand all
1111 return render('index.jinja',
1212 context={'about_us':
1313 render_markdown('content/about-us.md'),
14 'blog':
15 [item for item in sort_blog()],
1416 'testimonial':
1517 render_markdown('content/testimonial.md')}
1618 )
6969
7070 *******************************************************************************/
7171
72 // #VerticalSeperator {
73 // height: 2em;
74 // width: 1%;
75 // border-left: 2.5px solid $dark-grey-transparent;
76 // // border: 2.5px solid $dark-grey-transparent;
77 // }
78
79 // .animated { // CHANGE ANIMATION LENGTH GLOBALLY
80 // -webkit-animation-duration: 4s;
81 // animation-duration: 4s;
82 // -webkit-animation-fill-mode: both;
83 // animation-fill-mode: both;
84 // }
85
86 // .seperator .col-8 {
87 // border-top: 1px solid rgba(0, 0, 0, 0.5);
88 // border-radius: 1px;
89 // }
90
9172 .slick-border {
9273 border-radius: 0px;
9374 border: 2.5px solid rgba(0, 0, 0, 0.5);
9778 padding-left: 0px;
9879 }
9980
100 /*******************************************************************************
101
102 #TOP AND NAVBAR RESPONSIVE SWITCHER
103
104 *******************************************************************************/
105 // @import 'scss/_navbar.scss';
106 //
107 // @media only screen and (max-width: 767px) {
108 // #Top {
109 // display: none;
110 // }
111 // }
112 // @media only screen and (min-width: 768px) {
113 // #navbar {
114 // display: none;
115 // }
116 // }
117
118 /*******************************************************************************
119
120 #TOP AND NAVBAR RESPONSIVE SWITCHER
121
122 *******************************************************************************/
123 // @import 'scss/_accordian.scss';
124 //
125 // @media only screen and (max-width: 767px) {
126 // #services {
127 // display: none;
128 // }
129 // }
130 // @media only screen and (min-width: 768px) {
131 // #accordion {
132 // display: none;
133 // }
134 // }
135
136 @import 'scss/_carouselCards.scss';
13781 @import 'scss/_jarallax.scss';
13882 @import 'scss/_demo.scss';
13983 @import 'scss/_content.scss';
14488 @import 'scss/_testimonial.scss';
14589 @import 'scss/_contact.scss';
14690 @import 'scss/_blog.scss';
91 @import 'scss/_recent-blog.scss';
14792 // @import 'scss/_top.scss';
14893 // @import 'scss/_bottom_25.scss';
14994 // @import 'scss/_wide_info.scss';
00 #AboutUs {
1 margin: 0; padding: 0;
2 margin-top: 4em;
1 margin: 4em 0; padding: 0;
32 animation-duration: 3s;
43 animation-delay: 1s;
54 }
1818 margin: 4em 0 0;
1919 }
2020 }
21
22 .blog-splitter {
23 margin-top: 4em;
24 }
33 z-index: 0;
44 height: 32em;
55
6 .row { height: 100%; }
6 .row { height: 100%; margin: 0; padding: 0 }
77
88 .col-6 {
99 background-color: $dark-grey-transparent;
1818 top: 50%; left: 50%;
1919 transform: translate(-50%, -50%);
2020 }
21 p {
21 .jarallax-description {
2222 top: 60%; left: 60%;
2323 transform: translate(-60%, -60%);
24 position: relative;
25
26 font-size: 1.75rem;
2427 }
2528 }
2629
0 #RecentArticles {
1 .row { margin: 0; padding: 0 }
2 .col-3, .col-6 { margin: 0; padding: 0 }
3 margin: 4em 0 0;
4 height: 32em;
5
6 animation-duration: 1.5s;
7 animation-delay: 0.5s;
8 }
Binary diff not shown
99 {%- with %}
1010 {%- include 'middle.jinja' with context %}
1111 {%- endwith %}
12 {%- with %}
13 {%- set title='Our most recent blog articles' %}
14 {%- set img_uri='/static/journal.jpg' %}
15 {%- include 'widgets/jarallax.jinja' %}
16 {%- endwith %}
12 <div class="blog-splitter">
13 {%- with %}
14 {%- set title='Our most recent blog articles' %}
15 {%- set img_uri='/static/journal.jpg' %}
16 {%- include 'widgets/jarallax.jinja' %}
17 {%- endwith %}
18 </div>
1719 {%- with %}
1820 <div id="Blog" class="animated fadeIn">
1921 <div class="row">
99 {%- with %}
1010 {%- include 'middle.jinja' with context %}
1111 {%- endwith %}
12 {%- with %}
13 {%- include 'widgets/cards.jinja' with context %}
14 {%- endwith %}
12 <div id="RecentArticles" class="animated fadeIn">
13 {%- with %}
14 {%- set title="Take a look at our most recent article!" %}
15 {%- set tag_line=blog[0][0] %}
16 {%- set blog_link='true' %}
17 {%- set tag_link=blog[0][1] %}
18 {%- set tag_link_text='Give it a read!' %}
19 {%- set img_uri='/static/open-journal.jpg' %}
20 {%- include 'widgets/jarallax.jinja' with context %}
21 {%- endwith %}
22 </div>
1523 {%- with %}
1624 {%- set body=about_us %}
1725 {%- include 'aboutus.jinja' with context %}
66 <h1>
77 {{ title | escape }}
88 </h1>
9 {%- if tag_line | length > 0 %}
10 {%- if tag_button | length > 0 %}
11 <p><a class="btn btn-outline-primary" href="#">{{ tag_line | escape }}</a></p>
12 {% else %}
13 <p><em>{{ tag_line }}</em></p>
14 {% endif %}
9 {%- if tag_line or tag_link | length > 0 %}
10 <div class="jarallax-description">
11 {%- if tag_line | length > 0 %}
12 <p><em>{{ tag_line }}</em></p>
13 {%- endif %}
14 {%- if tag_link | length > 0 %}
15 <p><a class="btn btn-outline-primary" href="{% if blog_link | length > 0 %}/blog/{% endif %}{{ tag_link }}">{{ tag_link_text | escape }}</a></p>
16 {%- endif %}
17 </div>
1518 {%- endif %}
1619 </div>
1720 <div class="col-3"></div>