diff --git a/404.html b/404.html new file mode 100755 index 0000000..b858587 --- /dev/null +++ b/404.html @@ -0,0 +1,16 @@ +--- +layout: page +permalink: /404.html +--- + +
+
+
+
+

404

+

The requested page could not be found.

+ Back to homepage +
+
+
+
\ No newline at end of file diff --git a/Gemfile b/Gemfile new file mode 100755 index 0000000..86ffac8 --- /dev/null +++ b/Gemfile @@ -0,0 +1,5 @@ +source 'https://rubygems.org' +gem "bundler" +gem "jekyll" +gem "jekyll-paginate" +gem "jekyll-sitemap" \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..b230b00 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,73 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.8.0) + public_suffix (>= 2.0.2, < 5.0) + colorator (1.1.0) + concurrent-ruby (1.1.10) + em-websocket (0.5.3) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0) + eventmachine (1.2.7) + ffi (1.15.5) + forwardable-extended (2.6.0) + http_parser.rb (0.8.0) + i18n (1.10.0) + concurrent-ruby (~> 1.0) + jekyll (4.2.2) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (~> 1.0) + jekyll-sass-converter (~> 2.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.3) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (~> 0.4.0) + pathutil (~> 0.9) + rouge (~> 3.0) + safe_yaml (~> 1.0) + terminal-table (~> 2.0) + jekyll-paginate (1.1.0) + jekyll-sass-converter (2.2.0) + sassc (> 2.0.1, < 3.0) + jekyll-sitemap (1.4.0) + jekyll (>= 3.7, < 5.0) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.4.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.7.1) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + mercenary (0.4.0) + pathutil (0.16.2) + forwardable-extended (~> 2.6) + public_suffix (4.0.7) + rb-fsevent (0.11.1) + rb-inotify (0.10.1) + ffi (~> 1.0) + rexml (3.2.5) + rouge (3.29.0) + safe_yaml (1.0.5) + sassc (2.4.0) + ffi (~> 1.9) + terminal-table (2.0.0) + unicode-display_width (~> 1.1, >= 1.1.1) + unicode-display_width (1.8.0) + +PLATFORMS + ruby + +DEPENDENCIES + bundler + jekyll + jekyll-paginate + jekyll-sitemap + +BUNDLED WITH + 2.1.4 diff --git a/README.md b/README.md new file mode 100644 index 0000000..5c45a13 --- /dev/null +++ b/README.md @@ -0,0 +1,73 @@ +# Mria is a multipurpose Jekyll blog theme. + +Mria is a high-quality multipurpose Jekyll theme with a unique style and clean code. You can use Mria for multipurpose like blog, magazine, portfolio, etc. This theme is fully responsive, and it looks good on all types of screens and devices. If you’re looking for a theme that is clean, high performance, and simple, the Mria theme is exactly what you’re looking for then. + +* * * + +### Demo + +Check the theme in action [Live Demo](https://mria.netlify.app/) | +[Artem Sheludko](https://jekyllthemes.io/developers/artem-sheludko) + +* * * + +### Theme features + +- Works with GitHub Pages (host it for free) +- Dark and light mode +- No jQuery, only vanilla JS +- 100% responsive Design +- Clean and Modern Code +- Optimized for mobile devices +- Section featured posts +- Section blog +- Section videos +- Section tag +- Super fast performance ⚡⚡⚡ +- Social sharing buttons +- Scroll to top button +- Syntax highlighting (supports the Jekyll syntax highlighter) +- Compatible with modern browsers +- Medium style image zoom +- Image Lazy loading +- Image gallery +- Tag page +- Author page +- Custom logo support +- Support for multiple authors +- Supports video posts +- Supports contact form (Formspree) +- Supports MailChimp newsletter +- Supports Disqus comments +- Supports Google Analytics +- Ionicons icons +- Free Google Fonts +- Free Updates & Support + +* * * + +### Installation + +#### Installing Ruby & Jekyll + +If this is your first time using Jekyll, please follow the [Jekyll docs](https://jekyllrb.com/docs/installation/) and make sure your local environment (including Ruby) is setup correctly. + +* * * + +### Deployment + +To run the theme locally, navigate to the theme directory and run `bundle install` to install the dependencies, then run `jekyll serve` or `bundle exec jekyll serve` to start the Jekyll server. + +I would recommend checking the [Deployment Methods](https://jekyllrb.com/docs/deployment-methods/) page on Jekyll website. + +* * * + +### Documentation + +Before using the Mria theme, please read the attached documentation. + +* * * + +### Support + +

If you have any questions, please feel free to contact me by mail Contact

\ No newline at end of file diff --git a/_authors/alena.md b/_authors/alena.md new file mode 100644 index 0000000..d537471 --- /dev/null +++ b/_authors/alena.md @@ -0,0 +1,11 @@ +--- +username: alena +name: Alena Curtis +image: '/images/01-1.jpg' +cover: +location: Mexico +website: https://www.google.com +twitter: https://twitter.com +facebook: https://www.facebook.com +--- +I have experience in photographing beauty, fashion, e-commerce, and product photography for various brands. \ No newline at end of file diff --git a/_authors/jeremy.md b/_authors/jeremy.md new file mode 100644 index 0000000..00ab11e --- /dev/null +++ b/_authors/jeremy.md @@ -0,0 +1,10 @@ +--- +username: jeremy +name: Jeremy Pitt +image: '/images/02-1.jpg' +cover: '/images/07.jpg' +location: London, U.K. +website: https://www.jnpwebdeveloper.com +twitter: https://twitter.com/jnpwebdeveloper +facebook: https://www.facebook.com +--- diff --git a/_authors/martin.md b/_authors/martin.md new file mode 100644 index 0000000..1b0d91d --- /dev/null +++ b/_authors/martin.md @@ -0,0 +1,10 @@ +--- +username: martin +name: Martin Pitt +image: '/images/02-1.jpg' +cover: '/images/07.jpg' +location: London, U.K. +website: https://www.google.com +twitter: https://twitter.com +facebook: https://www.facebook.com +--- diff --git a/_authors/nolan.md b/_authors/nolan.md new file mode 100644 index 0000000..4724974 --- /dev/null +++ b/_authors/nolan.md @@ -0,0 +1,11 @@ +--- +username: nolan +name: Nolan Bergson +image: '/images/02-1.jpg' +cover: '/images/07.jpg' +location: New York +website: https://www.google.com +twitter: https://twitter.com +facebook: https://www.facebook.com +--- +I can and will deliver great results with a process that’s timely, collaborative and at a great value for my clients. \ No newline at end of file diff --git a/_authors/tiana.md b/_authors/tiana.md new file mode 100644 index 0000000..c371537 --- /dev/null +++ b/_authors/tiana.md @@ -0,0 +1,11 @@ +--- +username: tiana +name: Tiana Dorwart +image: '/images/03-1.jpg' +cover: +location: Spain +website: https://www.google.com +twitter: https://twitter.com +facebook: https://www.facebook.com +--- +Hi, my name is Tiana, I'm originally from Finland, but I have been living in Spain for almost three years now. \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100755 index 0000000..9277c6e --- /dev/null +++ b/_config.yml @@ -0,0 +1,57 @@ +#------------------------------- +# General Site Settings +baseurl: "" # the subpath of your site, e.g. /blog +url: "https://commitwaffles.dev" # the base hostname & protocol for your site, e.g. http://example.com + + +#------------------------------- +# Build Settings +markdown: kramdown +permalink: /:title +plugins: + - jekyll-paginate + - jekyll-sitemap + +paginate: 7 +paginate_path: "/blog/page/:num" + + +#------------------------------- +# Collections +collections: + pages: + output: true + permalink: /:name + posts: + output: true + permalink: /blog/:slug + authors: + output: true + permalink: /:name + +# Pages Path +defaults: + - scope: + path: "" + values: + layout: "default" + - scope: + path: "" + type: "pages" + values: + layout: "page" + - scope: + path: "" + type: "posts" + values: + layout: "post" + - scope: + path: "" + type: "authors" + values: + layout: "author" + + +sass: + sass_dir: _sass + style: compressed \ No newline at end of file diff --git a/_data/settings.yml b/_data/settings.yml new file mode 100644 index 0000000..e7da2c1 --- /dev/null +++ b/_data/settings.yml @@ -0,0 +1,142 @@ +#------------------------------- +# Site Settings +title: 🧇 Commit Waffles +logo: # You can add own logo. For example '/images/logo.png'. +description: Web development meanderings of Martin and Jeremy Pitt. +color_scheme: auto # You can choose three modes auto, light, and dark. By default, the auto mode is set, which means the user can choose the light or dark mode themself. + + +#------------------------------- +# Navigation Settings +menu__settings: + menu__items: + - title: 'Home' + url: '/' + - title: 'Blog' + url: '/blog/' + - title: 'Authors' + url: '/authors/' + - title: 'Videos' + url: '/videos/' + - title: 'Pages' + submenu: + - url: '/about/' + title: 'About' + - url: '/contact/' + title: 'Contact' + - url: '/elements/' + title: 'Elements' + + +#------------------------------- +# Hero Settings +hero: + enable: true + hero__title: Thoughts, stories and ideas. + hero__description: Don’t limit yourself. Many people limit themselves to what they think they can do. You can go as far as your mind lets you. What you believe, remember, you can achieve. + hero__image: # You can add hero image. For example '/images/06.jpg' + + +#------------------------------- +# Author Global Settings +author: + author__name: Alena Curtis + author__bio: I’m a published content creator, brand copywriter, photographer, and social media content creator and manager. I help brands connect with their customers by developing engaging content that entertains, educates, and offers value to their audience. + author__avatar: /images/01-1.jpg + + +#------------------------------- +# Blog Section Settings +blog__settings: + enable: true + blog__title: Latest Posts + blog__description: + + +#------------------------------- +# Videos Section Settings +videos__settings: + enable: true + videos__title: Latest Videos + videos__description: + + +#------------------------------- +# Tag Section Settings +tag__settings: + enable: true + tag: travel # To display the tag section, specify your favorite tag. + + +#------------------------------- +# Author Section Settings +author__section: + enable: true + author__section__title: Hello, my name is Alena. I’m reviewer and content creator. + author__section__description: I’m a published content creator, brand copywriter, photographer, and social media content creator and manager. I help brands connect with their customers by developing engaging content that entertains, educates, and offers value to their audience. + aurhor__section__button__text: More About Me + aurhor__section__button__link: /about + author__section__big__image: /images/100.jpg + author__section__small__image: /images/101.jpg + + +#------------------------------- +# Newsletter Settings +mailchimp__settings: + enable: true + mailchimp__title: Get interesting news + mailchimp__description: Subscribe to our newsletter and we’ll send you the emails of latest posts. + mailchimp__identifier: frnla.us6.list-manage.com/subscribe/post?u=6314d69a3f315af7ce3fb00a0&id=3038727cc3 # Add your MailChimp form identifier. For example - frnla.us6.list-manage.com/subscribe/post?u=6314d69a3f315af7ce3fb00a0&id=3038727cc3 + mailchimp__input__text: Your email address + mailchimp__button__text: Subscribe + mailchimp__background__image: /images/subscribe-bg.jpg + + +#------------------------------- +# Footer Settings +footer__description: Don’t limit yourself. Many people limit themselves to what they think they can do. You can go as far as your mind lets you. What you believe, remember, you can achieve. + + +# Social Links +social: +- {icon: "twitter", link: "https://twitter.com"} +- {icon: "facebook", link: "https://facebook.com"} +- {icon: "codepen", link: "https://codepen.io"} +- {icon: "pinterest", link: "https://pinterest.com"} +- {icon: "vimeo", link: "https://vimeo.com"} + +# Example of adding a new link to the footer - {icon: "instagram", link: "https://instagram.com"} +# Other icons can be found at https://ionicons.com/v4/ + + +# Footer Navigation +footer__menu__settings: + menu__items: + - title: 'Home' + url: '/' + - title: 'About' + url: '/about/' + - title: 'Contact' + url: '/contact/' + - title: 'Elements' + url: '/elements/' + + +#------------------------------- +# Contact Settings +contact: + email: jeremy@jnpwebdeveloper.com # Add your form_id + description: Mria comes with a built-in contact form, that you can use with Formspree service to handle up to 50 submissions per month for free. You could also easily switch to another contact form service if you want. # Add a description of your form + +# NOTE +# Mria theme comes with a contact form built-in. You can use this form with Formspree (https://formspree.io/) service and get up to 50 submissions for free. Also, you can easily switch to another service if you want. + + +#------------------------------- +# Comment Section (Disqus) +disqus-identifier: anvod-studio-test # Add your shortname for Disqus Comment. For example anvodstudio-demo + + +#------------------------------- +# Google Analytics +google-analytics: # Add your GA Tracking Id \ No newline at end of file diff --git a/_includes/article.html b/_includes/article.html new file mode 100755 index 0000000..ecca286 --- /dev/null +++ b/_includes/article.html @@ -0,0 +1,62 @@ +

+
+
+ + {% if post.video_embed %} +
+ + + +
+ {% endif %} + + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 160 }}{% endif %}

+ +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
\ No newline at end of file diff --git a/_includes/disqus-comments.html b/_includes/disqus-comments.html new file mode 100755 index 0000000..6404b1a --- /dev/null +++ b/_includes/disqus-comments.html @@ -0,0 +1,35 @@ + +
+ +
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100755 index 0000000..e74c80f --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,104 @@ + + + \ No newline at end of file diff --git a/_includes/google-analytics.html b/_includes/google-analytics.html new file mode 100755 index 0000000..b5a75d1 --- /dev/null +++ b/_includes/google-analytics.html @@ -0,0 +1,9 @@ + + + \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html new file mode 100755 index 0000000..d4873c6 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,62 @@ + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.data.settings.title }}{% endif %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/_includes/header.html b/_includes/header.html new file mode 100755 index 0000000..2ae0ddf --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,69 @@ + +
+
+
+
+ + + +
+
+
+ + + + +
+
+
+
+ + +{% include search.html %} \ No newline at end of file diff --git a/_includes/main.scss b/_includes/main.scss new file mode 100755 index 0000000..2b3cc31 --- /dev/null +++ b/_includes/main.scss @@ -0,0 +1,106 @@ +/*!------------------------------------------------------------------ +[MAIN STYLESHEET] +-------------------------------------------------------------------*/ + +/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> +:: Template name: Mria +:: +:: Template Author: Artem Sheludko +:: Version: 1.0 +<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ + +/* >>>>>>>>>>>>>>>>>>>>>>>>>>> +:: 1-Tools and Libs + 1.1-Normalize + 1.2-Reset + 1.3-Shared + 1.4-Syntax Highlighting + 1.5-Grid + 1.6-Animate +:: 2-Base Styles + 2.1-Base +:: 3-Modules + 3.1-Header + 3.2-Search + 3.3-Pagination + 3.4-Footer + 3.5-Gallery + 3.6-Hero + 3.7-Article + 3.8-Contact + 3.9-Sections + 3.10-Section Tags + 3.11-Subscribe +:: 4-Layouts + 4.1-Post Page + 4.2-Authors + 4.3-Tags Page +<<<<<<<<<<<<<<<<<<<<<<<<<<<< */ + + +@import '0-settings/variables'; +@import '0-settings/color-scheme'; +@import '0-settings/mixins'; +@import '0-settings/helpers'; + + +/* ======================= +:: 1-Tools and Libs +======================= */ +/* >>>>>>>>>>>>>> :: 1.1-Normalize <<<<<<<<<<<<<<< */ +@import '1-tools/normalize'; +/* >>>>>>>>>>>>>> :: 1.2-Reset <<<<<<<<<<<<<<< */ +@import '1-tools/reset'; +/* >>>>>>>>>>>>>> :: 1.3-Shared <<<<<<<<<<<<<<< */ +@import '1-tools/shared'; +/* >>>>>>>>>>>>>> :: 1.4-Syntax Highlighting <<<<<<<<<<<<<<< */ +@import '1-tools/syntax-highlighting'; +/* >>>>>>>>>>>>>> :: 1.5-Grid <<<<<<<<<<<<<<< */ +@import '1-tools/grid'; +/* >>>>>>>>>>>>>> :: 1.6-Animate <<<<<<<<<<<<<<< */ +@import '1-tools/animate'; + + +/* ======================= +:: 2-Base Styles +======================= */ +/* >>>>>>>>>>>>>> :: 2.1-Base <<<<<<<<<<<<<<< */ +@import '2-base/base'; + + +/* ======================= +:: 3-Modules +======================= */ +/* >>>>>>>>>>>>>> :: 3.1-Header <<<<<<<<<<<<<<< */ +@import '3-modules/header'; +/* >>>>>>>>>>>>>> :: 3.2-Search <<<<<<<<<<<<<<< */ +@import '3-modules/search'; +/* >>>>>>>>>>>>>> :: 3.3-Pagination <<<<<<<<<<<<<<< */ +@import '3-modules/pagination'; +/* >>>>>>>>>>>>>> :: 3.4-Footer <<<<<<<<<<<<<<< */ +@import '3-modules/footer'; +/* >>>>>>>>>>>>>> :: 3.5-Gallery <<<<<<<<<<<<<<< */ +@import '3-modules/gallery'; +/* >>>>>>>>>>>>>> :: 3.6-Hero <<<<<<<<<<<<<<< */ +@import '3-modules/hero'; +/* >>>>>>>>>>>>>> :: 3.7-Article <<<<<<<<<<<<<<< */ +@import '3-modules/article'; +/* >>>>>>>>>>>>>> :: 3.8-Contact <<<<<<<<<<<<<<< */ +@import '3-modules/contact'; +/* >>>>>>>>>>>>>> :: 3.9-Sections <<<<<<<<<<<<<<< */ +@import '3-modules/sections'; +/* >>>>>>>>>>>>>> :: 3.10-Section Tags <<<<<<<<<<<<<<< */ +@import '3-modules/section-tags'; +/* >>>>>>>>>>>>>> :: 3.11-Subscribe <<<<<<<<<<<<<<< */ +@import '3-modules/subscribe'; + + +/* ======================= +:: 4-Layouts +======================= */ +/* >>>>>>>>>>>>>> :: 4.1-Post <<<<<<<<<<<<<<< */ +@import '4-layouts/post'; +/* >>>>>>>>>>>>>> :: 4.2-Authors <<<<<<<<<<<<<<< */ +@import '4-layouts/authors'; +/* >>>>>>>>>>>>>> :: 4.3-Tags Page <<<<<<<<<<<<<<< */ +@import '4-layouts/tags-page'; \ No newline at end of file diff --git a/_includes/pagination.html b/_includes/pagination.html new file mode 100755 index 0000000..89b0719 --- /dev/null +++ b/_includes/pagination.html @@ -0,0 +1,46 @@ +{% if paginator.total_pages > 1 %} + +
+
+
+ +
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/related-posts.html b/_includes/related-posts.html new file mode 100644 index 0000000..6e9d98f --- /dev/null +++ b/_includes/related-posts.html @@ -0,0 +1,120 @@ +{% assign maxRelated = 3 %} +{% assign minCommonTags = 1 %} +{% assign maxRelatedCounter = 0 %} + +{% for post in site.posts %} + {% assign sameTagCount = 0 %} + {% assign commonTags = '' %} + {% for tag in post.tags %} + {% if post.url != page.url %} + {% if page.tags contains tag %} + {% assign sameTagCount = sameTagCount | plus: 1 %} + {% endif %} + {% endif %} + {% endfor %} + {% if sameTagCount >= minCommonTags %} + {% assign related = 'is-related' %} + {% endif %} +{% endfor %} + + +
+
+
+
+
+

You may also like...

+
+ + {% for post in site.posts %} + {% assign sameTagCount = 0 %} + {% assign commonTags = '' %} + + {% for tag in post.tags %} + {% if post.url != page.url %} + {% if page.tags contains tag %} + {% assign sameTagCount = sameTagCount | plus: 1 %} + {% capture tagmarkup %} {{ tag }} {% endcapture %} + {% assign commonTags = commonTags | append: tagmarkup %} + {% endif %} + {% endif %} + {% endfor %} + + {% if sameTagCount >= minCommonTags %} + +
+
+
+ + {% if post.video_embed %} +
+ + + +
+ {% endif %} + + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 160 }}{% endif %}

+ +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
+ + {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %} + {% if maxRelatedCounter >= maxRelated %} + {% break %} + {% endif %} + {% endif %} + {% endfor %} +
+
+
+
+
+
+ \ No newline at end of file diff --git a/_includes/search.html b/_includes/search.html new file mode 100755 index 0000000..c958348 --- /dev/null +++ b/_includes/search.html @@ -0,0 +1,21 @@ + +
+
+
+
+
+
+
+ +
+ + +
+
+
+
+
+
+
+
+ \ No newline at end of file diff --git a/_includes/section-author.html b/_includes/section-author.html new file mode 100644 index 0000000..368643a --- /dev/null +++ b/_includes/section-author.html @@ -0,0 +1,30 @@ +{% if site.data.settings.author__section.enable == true %} + +
+
+
+
+
+ +
+ {% if site.data.settings.author__section.author__section__big__image %} + {{ site.data.settings.author.author__name }} + {% endif %} + {% if site.data.settings.author__section.author__section__small__image %} + {{ site.data.settings.author.author__name }} + {% endif %} +
+ +
+

{{ site.data.settings.author__section.author__section__title }}

+

{{ site.data.settings.author__section.author__section__description }}

+ {{ site.data.settings.author__section.aurhor__section__button__text }} +
+ +
+
+
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/section-blog.html b/_includes/section-blog.html new file mode 100644 index 0000000..3daa327 --- /dev/null +++ b/_includes/section-blog.html @@ -0,0 +1,96 @@ +{% if site.data.settings.blog__settings.enable == true %} + + +
+
+
+
+
+ +
+
+

{{ site.data.settings.blog__settings.blog__title }}

+ See all posts +
+ {% if site.data.settings.blog__settings.blog__description %} +

{{ site.data.settings.blog__settings.blog__description }}

+ {% endif %} +
+ + +
+ {% if site.posts.size > 0 %} + {% for post in site.posts offset:0 limit:7 %} +
+
+ +
+ + {% if post.video_embed %} +
+ + + +
+ {% endif %} + + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 80 }}{% endif %}

+ +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
+ {% endfor %} + {% endif %} +
+
+
+
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/section-featured-posts.html b/_includes/section-featured-posts.html new file mode 100644 index 0000000..bc3a224 --- /dev/null +++ b/_includes/section-featured-posts.html @@ -0,0 +1,89 @@ +{% for post in site.posts %} + {% if post.featured == true %} + {% assign is-featured = true %} + {% endif %} +{% endfor %} + +{% if is-featured == true %} + +
+
+
+ {% assign count = 0 %} + {% for post in site.posts %} + {% if post.featured == true %} + {% assign count = count | plus: 1 %} +
+
+ +
+ + {% if post.video_embed %} +
+ + + +
+ {% endif %} + + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 160 }}{% endif %}

+ +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
+ {% endif %} + {% endfor %} +
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/section-hero.html b/_includes/section-hero.html new file mode 100644 index 0000000..0664276 --- /dev/null +++ b/_includes/section-hero.html @@ -0,0 +1,20 @@ +{% if site.data.settings.hero.enable == true %} + +
+
+
+
+
+ {{ if site.data.settings.hero.hero__title }} +

{{ site.data.settings.hero.hero__title }}

+ {{ end }} + {{ if site.data.settings.hero.hero__description }} +

{{ site.data.settings.hero.hero__description }}

+ {{ end }} +
+
+
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/section-tag.html b/_includes/section-tag.html new file mode 100644 index 0000000..5040424 --- /dev/null +++ b/_includes/section-tag.html @@ -0,0 +1,100 @@ +{% if site.data.settings.tag__settings.enable == true and site.data.settings.tag__settings.tag != null %} + +{% assign section_tag = site.data.settings.tag__settings.tag %} + +
+
+
+
+
+ +
+
+

{{ site.data.settings.tag__settings.tag | capitalize }}

+ See more +
+
+ +
+ {% assign count = 0 %} + {% for post in site.tags.[section_tag] %} + {% assign count = count | plus: 1 %} +
+
+ +
+ + {% if post.video_embed %} +
+ + + +
+ {% endif %} + + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ + {% if count == 1 %} +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 200 }}{% endif %}

+ {% endif %} + +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
+ {% endfor %} +
+
+
+
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/section-tags.html b/_includes/section-tags.html new file mode 100644 index 0000000..13b2b47 --- /dev/null +++ b/_includes/section-tags.html @@ -0,0 +1,30 @@ + +
+
+
+
+
+

Tags

+ See all +
+ {% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% + endfor %}{% endcapture %} + {% assign tag_words = site_tags | split:',' | sort %} + +
+ {% for item in (0..site.tags.size) limit:5 %}{% unless forloop.last %} + {% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %} +
+ + {{ this_word }} + post.title + +
+ {% endunless %} + {% endfor %} +
+
+
+
+
+ \ No newline at end of file diff --git a/_includes/section-videos.html b/_includes/section-videos.html new file mode 100644 index 0000000..8a91f0b --- /dev/null +++ b/_includes/section-videos.html @@ -0,0 +1,99 @@ +{% for post in site.posts %} + {% if post.video_embed != nil %} + {% assign is-video = true %} + {% endif %} +{% endfor %} + +{% if site.data.settings.videos__settings.enable == true and is-video == true %} + +
+
+
+
+
+ +
+
+

{{ site.data.settings.videos__settings.videos__title }}

+ More videos +
+ {% if site.data.settings.videos__settings.videos__description %} +

{{ site.data.settings.videos__settings.videos__description }}

+ {% endif %} +
+ + {% assign sorted = site.posts | where_exp: 'post', "post.video_embed != nil" %} +
+ {% for post in sorted limit:3 %} + {% if post.video_embed %} +
+
+ +
+ +
+ + + +
+ + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 160 }}{% endif %}

+ +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
+ {% endif %} + {% endfor %} +
+
+
+
+
+
+ +{% endif %} \ No newline at end of file diff --git a/_includes/subscribe.html b/_includes/subscribe.html new file mode 100644 index 0000000..880f285 --- /dev/null +++ b/_includes/subscribe.html @@ -0,0 +1,31 @@ +{% if site.data.settings.mailchimp__settings.enable == true %} + +
+
+
+
+ +
+
+
+ {% if site.data.settings.mailchimp__settings.mailchimp__background__image %} +
+ {% endif %} +
+ +{% endif %} \ No newline at end of file diff --git a/_layouts/author.html b/_layouts/author.html new file mode 100644 index 0000000..19852cb --- /dev/null +++ b/_layouts/author.html @@ -0,0 +1,56 @@ +--- +layout: default +--- + +{% if page.cover %} + +
+
+ {{page.name}} +
+
+ +{% endif %} + + +
+ +
+ {% assign post_count = site.posts | where: 'author', page.username %} + +
+
{{ page.name }}
+

{{ page.name }}

+
{{ post_count.size }} {% if post_count.size < 2 %}Post{% else %}Posts{% endif %}
+ +
+ {% if page.location %} + + {% endif %} + {% if page.website %} + + {% endif %} + {% if page.twitter %} + + {% endif %} + {% if page.facebook %} + + {% endif %} +
+ + {{ content }} + +
+ +
+ +
+
+ {% for post in post_count %} + {% include article.html %} + {% endfor %} +
+
+ +
+ diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100755 index 0000000..64d1c62 --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,44 @@ + + + +{% include head.html %} + + + + {% if site.data.settings.google-analytics %} + {% include google-analytics.html %} + {% endif %} + + +
+ + {% if site.data.settings.hero.hero__image and page.url == '/' %} + +
+
+ {{site.data.settings.title}} +
+
+ + {% endif %} + + {% include header.html %} + + +
+ {{ content }} +
+ + + {% include subscribe.html %} + + {% include footer.html %} + +
+ + + + + + + \ No newline at end of file diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100755 index 0000000..14cfa18 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,46 @@ +--- +layout: default +--- + +
+
+ +
+

{{ page.title | escape }}

+ {% if page.description %} +
{{ page.description }}
+ {% endif %} +
+ + {% if page.video_embed %} +
+
+ +
+
+ + {% else page.id or page.path contains '_pages' or page.url contains '404' %} + + {%if page.image %} +
+ {{page.title}} +
+ {% endif %} + + {% endif %} + +
+
+ + +
+ +
+
+ {{ content }} +
+
+ +
+ \ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100755 index 0000000..ed7b8eb --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,145 @@ +--- +layout: default +--- + +
+
+ {% if page.video_embed %} {% assign videoInfo = ' post__info-video' %} {% endif %} +
+ + {% if page.tags.size >= 1 %} +
+ {% for tag in page.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

{{ page.title | escape }}

+ + {% if page.description %} +
{{ page.description }}
+ {% endif %} + +
+ {% assign author = site.authors | where: 'username', page.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{ site.data.settings.author.author__name }} + {% endif %} + +
+
+
+ + {% if page.video_embed %} +
+
+ +
+
+ + {% else %} + + {%if page.image %} +
+ {{page.title}} +
+ {%endif %} + + {% endif %} +
+
+ + +
+ +
+ +
+ {{ content }} +
+ + + +
+
+ + +
+
+
+ {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} +
+ +
+
Written by
+ {% if author %} +

{{ author.name }}

+

{{ author.content }}

+ {% else %} +

{{ site.data.settings.author.author__name }}

+

{{ site.data.settings.author.author__name.author__bio }}

+ {% endif %} +
+
+
+ +{% include related-posts.html %} + +{% if site.data.settings.disqus-identifier %} +
+
+
+ {% include disqus-comments.html %} +
+
+
+{% endif %} \ No newline at end of file diff --git a/_pages/about.md b/_pages/about.md new file mode 100755 index 0000000..76dccc0 --- /dev/null +++ b/_pages/about.md @@ -0,0 +1,28 @@ +--- +layout: page +title: About +permalink: /about/ +image: '/images/102.jpg' +--- + +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +
+
+ + +
+ Gallery / Unsplash +
+ +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +

+ +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. \ No newline at end of file diff --git a/_pages/authors.html b/_pages/authors.html new file mode 100644 index 0000000..f88eca8 --- /dev/null +++ b/_pages/authors.html @@ -0,0 +1,32 @@ +--- +layout: default +title: Authors +--- + + +
+ +
+

{{ page.title }}

+
+ +
+
+
+ {% for author in site.authors %} + {% assign post_count = site.posts | where:"author", author.username %} +
+
+ {{ author.name }} +

{{ author.name }}

+
{{ post_count.size }} {% if post_count.size < 2 %}Post{% else %}Posts{% endif %}
+

{{ author.content }}

+
+
+ {% endfor %} +
+
+
+ +
+ \ No newline at end of file diff --git a/_pages/contact.html b/_pages/contact.html new file mode 100644 index 0000000..2009179 --- /dev/null +++ b/_pages/contact.html @@ -0,0 +1,32 @@ +--- +layout: page +title: Contact +description: +permalink: /contact/ +image: '/images/37.jpg' +--- + +
+
+ {% if site.data.settings.contact.description %} +

{{site.data.settings.contact.description}}

+ {% endif %} +
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
\ No newline at end of file diff --git a/_pages/elements.md b/_pages/elements.md new file mode 100755 index 0000000..ce26381 --- /dev/null +++ b/_pages/elements.md @@ -0,0 +1,144 @@ +--- +layout: page +title: Elements +permalink: /elements/ +image: '/images/38.jpg' +--- + +A paragraph looks like this — Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior deliverables whereas web-enabled applications. Quickly drive clicks-and-mortar catalysts for change before vertical architectures. Credibly reintermediate backend ideas for cross-platform models. Continually reintermediate integrated processes through technically sound intellectual capital. Holistically foster superior methodologies. + +*** + +## Headings by default: + +# H1 Default styles for headings +## H2 Default styles for headings +### H3 Default styles for headings +#### H4 Default styles for headings +##### H5 Default styles for headings +###### H6 Default styles for headings + +*** + +## Lists + +### Ordered list example: + +1. Poutine drinking vinegar bitters. +2. Coloring book distillery fanny pack. +3. Venmo biodiesel gentrify enamel pin meditation. +4. Jean shorts shaman listicle pickled portland. +5. Salvia mumblecore brunch iPhone migas. + +*** + +### Unordered list example: + +* Bitters semiotics vice thundercats synth. +* Literally cred narwhal bitters wayfarers. +* Kale chips chartreuse paleo tbh street art marfa. +* Mlkshk polaroid sriracha brooklyn. +* Pug you probably haven't heard of them air plant man bun. + +*** + +## Table + +
+ + + + + + + + +
Header 1Header 2Header 3Header 4Header 5
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3Row:1 Cell:4Row:1 Cell:5
Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3Row:2 Cell:4Row:2 Cell:5
Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3Row:3 Cell:4Row:3 Cell:5
Row:4 Cell:1Row:4 Cell:2Row:4 Cell:3Row:4 Cell:4Row:4 Cell:5
Row:5 Cell:1Row:5 Cell:2Row:5 Cell:3Row:5 Cell:4Row:5 Cell:5
Row:6 Cell:1Row:6 Cell:2Row:6 Cell:3Row:6 Cell:4Row:6 Cell:5
+
+ +*** + +## Quotes + +#### A quote looks like this: + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! +> +> – George Bernard Shaw + +*** + + + +## Syntax Highlighter + +```css +body { + margin: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + width: 100vw; + background-color: #1c2021; +} + +li { + width: 200px; + min-height: 250px; + border: 1px solid #000; + display: inline-block; + vertical-align: top; + margin: 5px; +} +``` + +```js + $('.top').click(function () { + $('html, body').stop().animate({ scrollTop: 0 }, 'slow', 'swing'); + }); + $(window).scroll(function () { + if ($(this).scrollTop() > $(window).height()) { + $('.top').addClass("top-active"); + } else { + $('.top').removeClass("top-active"); + }; + }); +``` + +*** + +## Images + +![Rom]({{site.baseurl}}/images/39.jpg#wide) +*Photo by [Jairph](https://unsplash.com/photos/FC9J9L04xuM) on [Unsplash](https://unsplash.com/)* + +
+
+ + + + + + + + + +
+ Gallery / Unsplash +
+ +![Italy]({{site.baseurl}}/images/23.jpg) +*Photo by [Juliana Malta](https://unsplash.com/photos/tHXX4fl3-ms) on [Unsplash](https://unsplash.com/)* + +*** + +## Youtube Embed + +

+ +*** + +## Vimeo Embed + +

\ No newline at end of file diff --git a/_pages/tags.html b/_pages/tags.html new file mode 100755 index 0000000..4985c3a --- /dev/null +++ b/_pages/tags.html @@ -0,0 +1,53 @@ +--- +layout: default +title: Tags +permalink: /tags/ +--- +{% capture site_tags %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor +%}{% endcapture %} +{% assign tag_words = site_tags | split:',' | sort %} + + +
+ + {% for item in (0..site.tags.size) %}{% unless forloop.last %} + {% capture this_word %}{{ tag_words[item] | strip_newlines }}{% endcapture %} + + + + {% endunless %} + {% endfor %} + +
+ + + \ No newline at end of file diff --git a/_posts/2019-10-14-don't-be-afraid-to-give-up-the-good-to-go-for-the-great.markdown b/_posts/2019-10-14-don't-be-afraid-to-give-up-the-good-to-go-for-the-great.markdown new file mode 100644 index 0000000..38aa976 --- /dev/null +++ b/_posts/2019-10-14-don't-be-afraid-to-give-up-the-good-to-go-for-the-great.markdown @@ -0,0 +1,69 @@ +--- +layout: post +title: Don't be afraid to give up the good to go for the great +description: +date: 2019-09-14 15:01:35 +0300 +author: alena +image: '/images/16.jpg' +video_embed: https://www.youtube.com/embed/62bWUYRxi8g +tags: [lifestyle, video] +tags_color: '#835F46' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2019-10-14-the-longer-i-live-the-more-beautiful-life-becomes.markdown b/_posts/2019-10-14-the-longer-i-live-the-more-beautiful-life-becomes.markdown new file mode 100644 index 0000000..1c6ed37 --- /dev/null +++ b/_posts/2019-10-14-the-longer-i-live-the-more-beautiful-life-becomes.markdown @@ -0,0 +1,69 @@ +--- +layout: post +title: The longer I live, the more beautiful life becomes +description: +date: 2019-10-14 15:01:35 +0300 +author: nolan +image: '/images/15.jpg' +video_embed: https://www.youtube.com/embed/4Z9mUjtFJYY +tags: [video, productivity] +tags_color: '#618770' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2019-11-14-change-your-thoughts-and-you-change-your-world.markdown b/_posts/2019-11-14-change-your-thoughts-and-you-change-your-world.markdown new file mode 100644 index 0000000..0c0824e --- /dev/null +++ b/_posts/2019-11-14-change-your-thoughts-and-you-change-your-world.markdown @@ -0,0 +1,69 @@ +--- +layout: post +title: Change your thoughts and you change your world +description: +date: 2019-11-14 15:01:35 +0300 +author: alena +image: '/images/10.jpg' +video_embed: https://www.youtube.com/embed/VVsC2fD1BjA +tags: [lifestyle, video] +tags_color: '#b25642' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2020-04-24-you-never-really-learn-much-from-hearing-yourself-speak.markdown b/_posts/2020-04-24-you-never-really-learn-much-from-hearing-yourself-speak.markdown new file mode 100644 index 0000000..e81db9a --- /dev/null +++ b/_posts/2020-04-24-you-never-really-learn-much-from-hearing-yourself-speak.markdown @@ -0,0 +1,69 @@ +--- +layout: post +title: You never really learn much from hearing yourself speak +description: These complex processes, called physiological functions, have underlying physical and chemical bases, as well as signaling and control mechanisms that are essential to maintaining life. +date: 2020-04-24 15:01:35 +0300 +author: alena +image: '/images/14.jpg' +tags: [workflow] +tags_color: '#a149cb' +featured: true +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2020-05-29-you-only-live-once-but-if-you-do-it-right-once-is-enough.markdown b/_posts/2020-05-29-you-only-live-once-but-if-you-do-it-right-once-is-enough.markdown new file mode 100755 index 0000000..858655e --- /dev/null +++ b/_posts/2020-05-29-you-only-live-once-but-if-you-do-it-right-once-is-enough.markdown @@ -0,0 +1,69 @@ +--- +layout: post +title: You only live once, but if you do it right, once is enough +description: These complex processes, called physiological functions, have underlying physical and chemical bases, as well as signaling and control mechanisms that are essential to maintaining life. +date: 2020-05-29 18:05:55 +0300 +author: nolan +image: '/images/12.jpg' +tags: [productivity] +tags_color: '#618770' +featured: true +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2020-10-31-in-order-to-write-about-life-first-you-must-live-it.markdown b/_posts/2020-10-31-in-order-to-write-about-life-first-you-must-live-it.markdown new file mode 100755 index 0000000..ec39293 --- /dev/null +++ b/_posts/2020-10-31-in-order-to-write-about-life-first-you-must-live-it.markdown @@ -0,0 +1,69 @@ +--- +layout: post +title: In order to write about life first you must live it +description: These complex processes, called physiological functions, have underlying physical and chemical bases, as well as signaling and control mechanisms that are essential to maintaining life. +date: 2020-10-31 15:01:35 +0300 +author: alena +image: '/images/11.jpg' +tags: [coding] +tags_color: '#cb4949' +featured: true +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git "a/_posts/2020-11-06-life-is-what-happens-when-you\342\200\231re-busy-making-other-plans.markdown" "b/_posts/2020-11-06-life-is-what-happens-when-you\342\200\231re-busy-making-other-plans.markdown" new file mode 100644 index 0000000..e3ad817 --- /dev/null +++ "b/_posts/2020-11-06-life-is-what-happens-when-you\342\200\231re-busy-making-other-plans.markdown" @@ -0,0 +1,70 @@ +--- +layout: post +title: Life is what happens when you’re busy making other plans +description: These complex processes, called physiological functions, have underlying physical and chemical bases, as well as signaling and control mechanisms that are essential to maintaining life. +date: 2020-11-06 15:01:35 +0300 +author: tiana +image: '/images/05.jpg' +video_embed: +tags: [technology] +tags_color: '#4c49cb' +featured: true +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2020-11-07-either-you-run-the-day-or-the-day-runs-you.markdown b/_posts/2020-11-07-either-you-run-the-day-or-the-day-runs-you.markdown new file mode 100644 index 0000000..a46933f --- /dev/null +++ b/_posts/2020-11-07-either-you-run-the-day-or-the-day-runs-you.markdown @@ -0,0 +1,68 @@ +--- +layout: post +title: Either you run the day, or the day runs you +description: +date: 2021-11-07 15:01:35 +0300 +author: alena +image: '/images/08.jpg' +tags: [lifestyle] +tags_color: '#b25642' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-02-success-is-walking-from-failure-to-failure-with-no-loss-of-enthusiasm.markdown b/_posts/2021-09-02-success-is-walking-from-failure-to-failure-with-no-loss-of-enthusiasm.markdown new file mode 100644 index 0000000..c283cef --- /dev/null +++ b/_posts/2021-09-02-success-is-walking-from-failure-to-failure-with-no-loss-of-enthusiasm.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: Success is walking from failure to failure with no loss of enthusiasm +date: 2021-09-02 15:01:35 +0300 +author: nolan +image: '/images/25.jpg' +tags: [travel, egypt] +tags_color: '#ca622c' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-03-things-work-out-best-for-those-who-make-the-best-of-how-things-work-out.markdown b/_posts/2021-09-03-things-work-out-best-for-those-who-make-the-best-of-how-things-work-out.markdown new file mode 100644 index 0000000..86461cd --- /dev/null +++ b/_posts/2021-09-03-things-work-out-best-for-those-who-make-the-best-of-how-things-work-out.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: Things work out best for those who make the best of how things work out +date: 2021-09-03 15:01:35 +0300 +author: tiana +image: '/images/24.jpg' +tags: [italy, travel] +tags_color: '#618770' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-04-the-road-to-success-and-the-road-to-failure-are-almost-exactly-the-same.markdown b/_posts/2021-09-04-the-road-to-success-and-the-road-to-failure-are-almost-exactly-the-same.markdown new file mode 100644 index 0000000..06625aa --- /dev/null +++ b/_posts/2021-09-04-the-road-to-success-and-the-road-to-failure-are-almost-exactly-the-same.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: The road to success and the road to failure are almost exactly the same +date: 2021-09-04 15:01:35 +0300 +author: alena +image: '/images/23.jpg' +tags: [italy, travel] +tags_color: '#64655f' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-05-too-many-of-us-are-not-living-our-dreams-because-we-are-living-our-fears.markdown b/_posts/2021-09-05-too-many-of-us-are-not-living-our-dreams-because-we-are-living-our-fears.markdown new file mode 100644 index 0000000..7e8f4b0 --- /dev/null +++ b/_posts/2021-09-05-too-many-of-us-are-not-living-our-dreams-because-we-are-living-our-fears.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: Whatever the mind of man can conceive and believe, it can achieve +date: 2021-09-05 15:01:35 +0300 +author: tiana +image: '/images/22.jpg' +tags: [travel, italy] +tags_color: '#0079c0' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-06-whatever-the-mind-of-man-can-conceive-and-believe-it-can-achieve.markdown b/_posts/2021-09-06-whatever-the-mind-of-man-can-conceive-and-believe-it-can-achieve.markdown new file mode 100644 index 0000000..944c03b --- /dev/null +++ b/_posts/2021-09-06-whatever-the-mind-of-man-can-conceive-and-believe-it-can-achieve.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: Whatever the mind of man can conceive and believe, it can achieve +date: 2021-09-07 15:01:35 +0300 +author: tiana +image: '/images/21.jpg' +tags: [travel, italy] +tags_color: '#618770' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-07-the-secret-of-success-is-to-do-the-common-thing-uncommonly-well.markdown b/_posts/2021-09-07-the-secret-of-success-is-to-do-the-common-thing-uncommonly-well.markdown new file mode 100644 index 0000000..dd4792a --- /dev/null +++ b/_posts/2021-09-07-the-secret-of-success-is-to-do-the-common-thing-uncommonly-well.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: The secret of success is to do the common thing uncommonly well +date: 2021-09-07 15:01:35 +0300 +author: alena +image: '/images/20.jpg' +tags: [oregon, travel] +tags_color: '#666e76' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-09-08-success-usually-comes-to-those-who-are-too-busy-to-be-looking-for-it.markdown b/_posts/2021-09-08-success-usually-comes-to-those-who-are-too-busy-to-be-looking-for-it.markdown new file mode 100644 index 0000000..1cf1094 --- /dev/null +++ b/_posts/2021-09-08-success-usually-comes-to-those-who-are-too-busy-to-be-looking-for-it.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: Success usually comes to those who are too busy to be looking for it +date: 2021-09-08 15:01:35 +0300 +author: nolan +image: '/images/19.jpg' +tags: [travel] +tags_color: '#618770' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-11-08-strive-not-to-be-a-success-but-rather-to-be-of-value.markdown b/_posts/2021-11-08-strive-not-to-be-a-success-but-rather-to-be-of-value.markdown new file mode 100644 index 0000000..83866d1 --- /dev/null +++ b/_posts/2021-11-08-strive-not-to-be-a-success-but-rather-to-be-of-value.markdown @@ -0,0 +1,68 @@ +--- +layout: post +title: Strive not to be a success, but rather to be of value +description: +date: 2021-11-08 15:01:35 +0300 +author: tiana +image: '/images/03.jpg' +tags: [technology] +tags_color: '#4c49cb' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git "a/_posts/2021-11-09-if-opportunity-doesn\342\200\231t-knock-build-a-door.markdown" "b/_posts/2021-11-09-if-opportunity-doesn\342\200\231t-knock-build-a-door.markdown" new file mode 100644 index 0000000..b1c3750 --- /dev/null +++ "b/_posts/2021-11-09-if-opportunity-doesn\342\200\231t-knock-build-a-door.markdown" @@ -0,0 +1,68 @@ +--- +layout: post +title: If opportunity doesn’t knock, build a door +description: +date: 2021-11-09 15:01:35 +0300 +author: nolan +image: '/images/06.jpg' +tags: [oregon] +tags_color: '#618770' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-11-10-love-the-life-you-live-live-the-life-you-love.markdown b/_posts/2021-11-10-love-the-life-you-live-live-the-life-you-love.markdown new file mode 100644 index 0000000..03c41fd --- /dev/null +++ b/_posts/2021-11-10-love-the-life-you-live-live-the-life-you-love.markdown @@ -0,0 +1,68 @@ +--- +layout: post +title: Love the life you live. Live the life you love +description: +date: 2021-11-10 15:01:35 +0300 +author: alena +image: '/images/09.jpg' +tags: [lifestyle] +tags_color: '#b25642' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-11-11-the-purpose-of-our-lives-is-to-be-happy.markdown b/_posts/2021-11-11-the-purpose-of-our-lives-is-to-be-happy.markdown new file mode 100644 index 0000000..a03279c --- /dev/null +++ b/_posts/2021-11-11-the-purpose-of-our-lives-is-to-be-happy.markdown @@ -0,0 +1,68 @@ +--- +layout: post +title: The purpose of our lives is to be happy +description: +date: 2021-11-11 15:01:35 +0300 +author: alena +image: '/images/04.jpg' +tags: [lifestyle] +tags_color: '#b25642' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-11-12-only-a-life-lived-for-others-is-a-life-worthwhile.markdown b/_posts/2021-11-12-only-a-life-lived-for-others-is-a-life-worthwhile.markdown new file mode 100644 index 0000000..bb65a70 --- /dev/null +++ b/_posts/2021-11-12-only-a-life-lived-for-others-is-a-life-worthwhile.markdown @@ -0,0 +1,68 @@ +--- +layout: post +title: Only a life lived for others is a life worthwhile +description: +date: 2021-11-12 15:01:35 +0300 +author: nolan +image: '/images/07.jpg' +tags_color: '#a149cb' +tags: [workflow] +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git "a/_posts/2021-11-14-in-three-words-i-can-sum-up-everything-I\342\200\231ve-learned-about-life-It-goes-on.markdown" "b/_posts/2021-11-14-in-three-words-i-can-sum-up-everything-I\342\200\231ve-learned-about-life-It-goes-on.markdown" new file mode 100644 index 0000000..3483414 --- /dev/null +++ "b/_posts/2021-11-14-in-three-words-i-can-sum-up-everything-I\342\200\231ve-learned-about-life-It-goes-on.markdown" @@ -0,0 +1,68 @@ +--- +layout: post +title: "In three words I can sum up everything I’ve learned about life: It goes on" +description: These complex processes, called physiological functions, have underlying physical and chemical bases, as well as signaling and control mechanisms that are essential to maintaining life. +date: 2021-11-14 15:01:35 +0300 +author: nolan +image: '/images/02.jpg' +tags: [lifestyle] +tags_color: '#b25642' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-12-09-if-you-really-look-closely-most-overnight-successes-took-a-long-time.markdown b/_posts/2021-12-09-if-you-really-look-closely-most-overnight-successes-took-a-long-time.markdown new file mode 100644 index 0000000..7db4912 --- /dev/null +++ b/_posts/2021-12-09-if-you-really-look-closely-most-overnight-successes-took-a-long-time.markdown @@ -0,0 +1,67 @@ +--- +layout: post +title: If you really look closely, most overnight successes took a long time +date: 2021-09-09 15:01:35 +0300 +author: alena +image: '/images/18.jpg' +tags: [travel, california] +tags_color: '#814628' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_posts/2021-12-10-keep-smiling-because-life-is-a-beautiful-thing-and-there's-so-much-to-smile about.markdown b/_posts/2021-12-10-keep-smiling-because-life-is-a-beautiful-thing-and-there's-so-much-to-smile about.markdown new file mode 100644 index 0000000..2675d96 --- /dev/null +++ b/_posts/2021-12-10-keep-smiling-because-life-is-a-beautiful-thing-and-there's-so-much-to-smile about.markdown @@ -0,0 +1,68 @@ +--- +layout: post +title: Keep smiling, because life is a beautiful thing and there's so much to smile about +description: +date: 2021-09-10 15:01:35 +0300 +author: nolan +image: '/images/17.jpg' +tags: [travel, oregon] +tags_color: '#477690' +--- +In operant conditioning, a reinforcement (by reward) or instead a punishment is given after a given behavior, changing the frequency and/or form of that behavior. Stimulus present when the behavior/consequence occurs come to control these behavior modifications. + +Observational learning is learning that occurs through observing the behavior of others. It is a form of social learning which takes various forms, based on various processes. In humans, this form of learning seems to not need reinforcement to occur, but instead, requires a social model such as a parent, sibling, friend, or teacher with surroundings. + +> The longer I live, the more I realize that I am never wrong about anything, and that all the pains I have so humbly taken to verify my notions have only wasted my time! + +Imprinting is a kind of learning occurring at a particular life stage that is rapid and apparently independent of the consequences of behavior. In filial imprinting, young animals, particularly birds, form an association with another individual or in some cases, an object, that they respond to as they would to a parent. In 1935, the Austrian Zoologist Konrad Lorenz discovered that certain birds follow and form a bond if the object makes sounds. + +### Formal learning + +These five types of play are often intersecting. All types of play generate thinking and problem-solving skills in children. Children learn to think creatively when they learn through play. Specific activities involved in each type of play change over time as humans progress through the lifespan. Play as a form of learning, can occur solitarily, or involve interacting. + +Enculturation is the process by which people learn values and behaviors that are appropriate or necessary in their surrounding culture. This is different from acculturation, where a person adopts the values and societal rules of a culture different from their native. + +- [Nonformal learning](https://www.wikipedia.org) and combined approaches +- [Reading directions](https://www.wikipedia.org) helps a player learn the patterns that solve the Rubik's Cube +- [Practicing the moves repeatedly](https://www.wikipedia.org) helps build "muscle memory" and speed. +- [Thinking critically about moves](https://www.wikipedia.org) helps find shortcuts, which speeds future attempts. +- [Observing the Rubik's Cube's six colors help anchor solutions in the mind.](https://www.wikipedia.org) +- [Revisiting the cube occasionally helps retain the skill.](https://www.wikipedia.org) + +Electronic learning or e-learning is computer-enhanced learning. A specific and always more diffused e-learning is mobile learning (m-learning), which uses different mobile telecommunication equipment, such as cellular phones. + +![Room]({{site.baseurl}}/images/30.jpg) +*Photo by [Priscilla Du Preez](https://unsplash.com/photos/vZb2zeAhmAc) on [Unsplash](https://unsplash.com/)* + +When a learner interacts with the e-learning environment, it's called augmented learning. By adapting to the needs of individuals, the context-driven instruction can be dynamically tailored to the learner's natural environment. Augmented digital content may include text, images, video, audio (music and voice). By personalizing instruction, augmented learning has been shown to improve learning performance for a lifetime. See also minimally invasive. + +Rote learning is memorizing information so that it can be recalled by the learner exactly the way it was read or heard. The major technique used for rote learning is learning by repetition, based on the idea that a learner can recall the material exactly (but not its meaning) if the information is repeatedly processed. Rote learning is used in diverse areas, from mathematics to music to religion. Although it has been criticized by some educators, rote learning is a necessary precursor to meaningful learning. + +
+
+ Mountains + Woman + Subway + City +
+ Gallery / Unsplash +
+ + +Nonformal learning is organized learning outside the formal learning system. For example, learning by coming together with people with similar interests and exchanging viewpoints, in clubs or in (international) youth organizations, workshops. + +Informal learning is less structured than "nonformal" one. It may occur through the experience of day-to-day situations (for example, one would learn to look ahead while walking because of the danger inherent in not paying attention to where one is going). It is learning from life, during a meal at the table with parents, play, exploring, etc. + +> Sing like no one’s listening, love like you’ve never been hurt, dance like nobody’s watching, and live like it’s heaven on earth. + +The educational system may use a combination of formal, informal, and nonformal learning methods. The UN and EU recognize these different forms of learning (cf. links below). In some schools, students can get points that count in the formal-learning systems if they get work done in informal-learning circuits. They may be given time to assist international youth workshops and training courses, on the condition they prepare, contribute, share, and can prove this offered valuable new insight, helped to acquire new skills, a place to experience. + +### Internal factors + +Play, as it pertains to humans as a form of learning is central to a child's learning and development. Through play, children learn social skills such as sharing and collaboration. Children develop emotional skills such as learning to deal with the emotion of anger, through play activities. As a form of learning, play also facilitates the development of thinking and language skills in children. + +

+ +Transfer of learning is the application of skill, knowledge or understanding to resolve a novel problem or situation that happens when certain conditions are fulfilled. Research indicates that learning transfer is infrequent; most common when "... cued, primed, and guided..." and has sought to clarify what it is, and how it might be promoted through. + +In incidental teaching learning is not planned by the instructor or the student, it occurs as a byproduct of another activity — an experience, observation, self-reflection, interaction, unique event, or common routine task. This learning happens in addition to or apart from the instructor's plans and the student's expectations. An example of incidental teaching. \ No newline at end of file diff --git a/_sass/0-settings/_color-scheme.scss b/_sass/0-settings/_color-scheme.scss new file mode 100644 index 0000000..e069040 --- /dev/null +++ b/_sass/0-settings/_color-scheme.scss @@ -0,0 +1,73 @@ +/* Color Scheme */ + +:root { + --brand-color: #0056fe; + --white: #fff; + --light-gray: #f0f0f0; + --light-blue: #f3f7ff; + --blue-gray: #677387; + --gray: #9e9e9e; + --dark: #0c101a; + --dark-blue: #040b1f; + --rgb-image-color: 255, 255, 255; + + --image-gradient: linear-gradient(180deg, rgba(var(--rgb-image-color), 0.8), rgba(var(--rgb-image-color), 1)); + + --background-color: var(--white); + --background-alt-color: var(--light-blue); + + --text-color: var(--dark-blue); + --text-alt-color: var(--blue-gray); + + --heading-font-color: var(--dark-blue); + + --link-color: var(--dark-blue); + --link-color-hover: var(--dark-blue); + + --button-color: var(--white); + --button-background-color: var(--dark); + --button-background-hover: var(--brand-color); + + --border-color: var(--light-blue); + --border-color-alt: var(--light-blue); + + --th-color: var(--light-gray); + --tr-color: var(--light-gray); + + --syntax-highlighting-background: #f3f3f3; +} + +:root[dark] { + --brand-color: #0073ec; + --white: #fff; + --light-gray: #f0f0f0; + --gray: #bdbdbd; + --dark: #1f2934; + --dark-blue: #161d26; + --rgb-image-color: 22, 29, 38; + + --image-gradient: linear-gradient(180deg, rgba(var(--rgb-image-color), 0.8), rgba(var(--rgb-image-color), 1)); + + --background-color: var(--dark-blue); + --background-alt-color: var(--dark); + + --text-color: var(--gray); + --text-alt-color: var(--gray); + + --heading-font-color: var(--light-gray); + + --link-color: var(--light-gray); + --link-color-hover: var(--light-gray); + + --button-color: var(--white); + --button-background-color: var(--background-alt-color); + --button-background-hover: var(--brand-color); + + --border-color: #252629; + --border-color-alt: #080b12; + + --th-color: #18181d;; + --tr-color: #080b12; + + --syntax-highlighting-background: #080b12; +} \ No newline at end of file diff --git a/_sass/0-settings/_helpers.scss b/_sass/0-settings/_helpers.scss new file mode 100755 index 0000000..be0baca --- /dev/null +++ b/_sass/0-settings/_helpers.scss @@ -0,0 +1,14 @@ +// Lists Reset +.list-reset { + @include list-reset(); +} + +// Clearfix +.clearfix { + @include clearfix(); +} + +// Screen Reader +.screen-reader-text { + @include screen-reader(); +} \ No newline at end of file diff --git a/_sass/0-settings/_mixins.scss b/_sass/0-settings/_mixins.scss new file mode 100755 index 0000000..9f0d7f0 --- /dev/null +++ b/_sass/0-settings/_mixins.scss @@ -0,0 +1,26 @@ +// Clearfix +@mixin clearfix() { + &::after, + ::before { + content: ""; + display: table; + clear: both; + } +} + +// Reset list +@mixin list-reset() { + list-style-type: none; + margin: 0; + padding: 0; +} + +// Screen reader text +@mixin screen-reader() { + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute !important; + width: 1px; + word-wrap: normal !important; +} diff --git a/_sass/0-settings/_variables.scss b/_sass/0-settings/_variables.scss new file mode 100755 index 0000000..5660090 --- /dev/null +++ b/_sass/0-settings/_variables.scss @@ -0,0 +1,37 @@ +// ***************** +// Global Variables +// ***************** + +// Spaces +$base-spacing-unit: 16px; + +// Border radius +$global-radius: 8px; + +// Transition +$global-transition: all .25s; + + +// ***************** +// Typography +// ***************** +$base-font-size: 18px; +$base-font-style: normal; +$base-font-variant: normal; +$base-font-weight: normal; +$base-font-family: 'Noto Sans Display', Helvetica Neue, Helvetica, Arial, sans-serif; +$base-line-height: 1.7; + +// Headings +$heading-font-weight: 700; +$heading-font-family: 'Noto Serif', 'Times New Roman', Georgia, serif; + +$font-size-h1: 36px; +$font-size-h2: 28px; +$font-size-h3: 24px; +$font-size-h4: 20px; +$font-size-h5: 18px; +$font-size-h6: 16px; + +$heading-line-height: 1.3; +$heading-letter-spacing: normal; \ No newline at end of file diff --git a/_sass/1-tools/_animate.scss b/_sass/1-tools/_animate.scss new file mode 100644 index 0000000..e89ca7a --- /dev/null +++ b/_sass/1-tools/_animate.scss @@ -0,0 +1,16 @@ +/* Animate */ +.animate { + animation: animateElement cubic-bezier(.300,.450,.450,.950) .75s; + animation-duration: 0.5s; + animation-iteration-count: 1; + transition: transform .15s; + + @keyframes animateElement { + 0% { + transform: translate(0px,50px); + } + 100% { + transform: translate(0px,0px); + } + } +} \ No newline at end of file diff --git a/_sass/1-tools/_grid.scss b/_sass/1-tools/_grid.scss new file mode 100755 index 0000000..02df9a3 --- /dev/null +++ b/_sass/1-tools/_grid.scss @@ -0,0 +1,180 @@ +/* Grid */ +$columns: 12; +$container-base-width: 1300px; +$container-offset: $base-spacing-unit; + +$wide: 1400px; +$desktop: 1024px; +$tablet: 768px; +$mobile: 576px; + +$mq: ( $mobile:$columns, $tablet:$columns, $desktop:$columns ); + +.container { + max-width: $container-base-width; + padding-left: $container-offset; + padding-right: $container-offset; +} + +.container-big { + max-width: 100%; + padding-left: calc(#{$container-offset} * 4); + padding-right: calc(#{$container-offset} * 4); +} + +.container, +.container-big { + margin: 0 auto; + + @media only screen and (max-width: $wide) { + max-width: 1000px; + padding-left: $container-offset; + padding-right: $container-offset; + } + + @media only screen and (max-width: $desktop) { + max-width: 740px; + } + + @media only screen and (max-width: $tablet) { + max-width: 560px; + } + + @media only screen and (max-width: $mobile) { + max-width: 480px; + padding-left: calc(#{$container-offset} + 4px); + padding-right: calc(#{$container-offset} + 4px); + } +} + +.row { + display: flex; + flex-wrap: wrap; + flex: 0 1 auto; + flex-direction: row; + box-sizing: border-box; + margin-left: ($base-spacing-unit * -1); + margin-right: ($base-spacing-unit * -1); +} + +.col { + padding-left: $base-spacing-unit; + padding-right: $base-spacing-unit; +} + +[class^="col-"] { + flex: auto; +} + + +@for $i from 0 through $columns { + .col-#{$i} { + width: percentage( $i / $columns ); + } +} + +@for $i from 0 through $columns { + .push-#{$i} { + margin-left: percentage( $i / $columns ); + } +} + +@for $i from 0 through $columns { + .pull-#{$i} { + margin-right: percentage( $i / $columns ); + } +} + + +@each $key, $val in $mq { + + // WIDE + @media(max-width: $wide) { + + @for $i from 0 through $columns { + .col-w-#{$i} { + width: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .push-w-#{$i} { + margin-left: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .pull-w-#{$i} { + margin-right: percentage( $i / $columns ); + } + } + } + + // DESKTOP + @media(max-width: $desktop) { + + @for $i from 0 through $columns { + .col-d-#{$i} { + width: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .push-d-#{$i} { + margin-left: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .pull-d-#{$i} { + margin-right: percentage( $i / $columns ); + } + } + } + + + // TABLET + @media(max-width: $tablet) { + + @for $i from 0 through $columns { + .col-t-#{$i} { + width: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .push-t-#{$i} { + margin-left: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .pull-t-#{$i} { + margin-right: percentage( $i / $columns ); + } + } + } + + // MOBILE + @media(max-width: $mobile) { + + @for $i from 0 through $columns { + .col-m-#{$i} { + width: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .push-m-#{$i} { + margin-left: percentage( $i / $columns ); + } + } + + @for $i from 0 through $columns { + .pull-m-#{$i} { + margin-right: percentage( $i / $columns ); + } + } + } + +} \ No newline at end of file diff --git a/_sass/1-tools/_normalize.scss b/_sass/1-tools/_normalize.scss new file mode 100755 index 0000000..47b010e --- /dev/null +++ b/_sass/1-tools/_normalize.scss @@ -0,0 +1,341 @@ +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/_sass/1-tools/_reset.scss b/_sass/1-tools/_reset.scss new file mode 100755 index 0000000..c3b0932 --- /dev/null +++ b/_sass/1-tools/_reset.scss @@ -0,0 +1,38 @@ +/** + * A very simple reset that sits on top of Normalize.css. +*/ + +body, +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +dl, dd, ol, ul, +fieldset, legend, +figure, +hr { + margin: 0; + padding: 0; +} + + +/** + * Remove trailing margins from nested lists. + */ + +li > { + + ul, + ol { + margin-bottom: 0; + } + +} + + +/** + * Remove default table spacing. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/_sass/1-tools/_shared.scss b/_sass/1-tools/_shared.scss new file mode 100755 index 0000000..c9e9b9e --- /dev/null +++ b/_sass/1-tools/_shared.scss @@ -0,0 +1,29 @@ +/** + * Shared declarations for certain elements. + */ + +h1, h2, h3, h4, h5, h6, +ul, ol, dl, +blockquote, p, address, +hr, +table, +fieldset, figure, +pre { + margin-bottom: 32px; +} + + +/** + * Consistent indentation for lists. + */ + +ul, ol, +dd { + margin-left: $base-spacing-unit; +} + +ul, ol { + li { + margin-bottom: 10px; + } +} \ No newline at end of file diff --git a/_sass/1-tools/_syntax-highlighting.scss b/_sass/1-tools/_syntax-highlighting.scss new file mode 100755 index 0000000..691effa --- /dev/null +++ b/_sass/1-tools/_syntax-highlighting.scss @@ -0,0 +1,73 @@ +/* + Syntax Highlighting +*/ + +.highlight { + margin-bottom: 32px; + border-radius: 8px; + background: var(--syntax-highlighting-background); + + .highlighter-rouge & { + background: var(--syntax-highlighting-background); + } + + .c { color: #998; font-style: italic } // Comment + .err { color: #a61717; background-color: #e3d2d2 } // Error + .k { font-weight: bold } // Keyword + .o { font-weight: bold } // Operator + .cm { color: #998; font-style: italic } // Comment.Multiline + .cp { color: #999; font-weight: bold } // Comment.Preproc + .c1 { color: #998; font-style: italic } // Comment.Single + .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special + .gd { color: #000; background-color: #fdd } // Generic.Deleted + .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific + .ge { font-style: italic } // Generic.Emph + .gr { color: #a00 } // Generic.Error + .gh { color: #999 } // Generic.Heading + .gi { color: #000; background-color: #dfd } // Generic.Inserted + .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific + .go { color: #888 } // Generic.Output + .gp { color: #555 } // Generic.Prompt + .gs { font-weight: bold } // Generic.Strong + .gu { color: #aaa } // Generic.Subheading + .gt { color: #a00 } // Generic.Traceback + .kc { font-weight: bold } // Keyword.Constant + .kd { font-weight: bold } // Keyword.Declaration + .kp { font-weight: bold } // Keyword.Pseudo + .kr { font-weight: bold } // Keyword.Reserved + .kt { color: #5d76bf; font-weight: bold } // Keyword.Type + .m { color: #099 } // Literal.Number + .s { color: #ec2355 } // Literal.String + .na { color: #008080 } // Name.Attribute + .nb { color: #0086B3 } // Name.Builtin + .nc { color: #5d76bf; font-weight: bold } // Name.Class + .no { color: #008080 } // Name.Constant + .ni { color: #800080 } // Name.Entity + .ne { color: #900; font-weight: bold } // Name.Exception + .nf { color: #900; font-weight: bold } // Name.Function + .nn { color: #555 } // Name.Namespace + .nt { color: #4d65dc } // Name.Tag + .nv { color: #008080 } // Name.Variable + .ow { font-weight: bold } // Operator.Word + .w { color: #bbb } // Text.Whitespace + .mf { color: #099 } // Literal.Number.Float + .mh { color: #099 } // Literal.Number.Hex + .mi { color: #099 } // Literal.Number.Integer + .mo { color: #099 } // Literal.Number.Oct + .sb { color: #ec2355 } // Literal.String.Backtick + .sc { color: #ec2355 } // Literal.String.Char + .sd { color: #ec2355 } // Literal.String.Doc + .s2 { color: #ec2355 } // Literal.String.Double + .se { color: #ec2355 } // Literal.String.Escape + .sh { color: #ec2355 } // Literal.String.Heredoc + .si { color: #ec2355 } // Literal.String.Interpol + .sx { color: #ec2355 } // Literal.String.Other + .sr { color: #009926 } // Literal.String.Regex + .s1 { color: #ec2355 } // Literal.String.Single + .ss { color: #990073 } // Literal.String.Symbol + .bp { color: #999 } // Name.Builtin.Pseudo + .vc { color: #008080 } // Name.Variable.Class + .vg { color: #008080 } // Name.Variable.Global + .vi { color: #008080 } // Name.Variable.Instance + .il { color: #099 } // Literal.Number.Integer.Long +} diff --git a/_sass/2-base/_base.scss b/_sass/2-base/_base.scss new file mode 100755 index 0000000..f9e3596 --- /dev/null +++ b/_sass/2-base/_base.scss @@ -0,0 +1,275 @@ +*, *::after, *::before { + box-sizing: border-box; +} + +body { + font-family: $base-font-family; + font-size: $base-font-size; + line-height: $base-line-height; + overflow-x: hidden; + color: var(--text-color); + background-color: var(--background-color); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + &.search-is-visible { + overflow: hidden; + -webkit-overflow-scrolling: auto; + } + + &.disable-animation { + *, *::after, *::before { + transition: none !important; + } + } +} + +.global-wrap { + &.is-active { + overflow-x: hidden; + overflow-y: scroll; + } +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: $heading-font-family; + font-weight: $heading-font-weight; + line-height: $heading-line-height; + letter-spacing: $heading-letter-spacing; + color: var(--heading-font-color); +} + +h1 { + font-size: $font-size-h1; +} + +h2 { + font-size: $font-size-h2; +} + +h3 { + font-size: $font-size-h3; +} + +h4 { + font-size: $font-size-h4; +} + +h5 { + font-size: $font-size-h5; +} + +h6 { + font-size: $font-size-h6; +} + +blockquote { + position: relative; + margin: 32px 0; + padding: 24px 0 24px 56px; + font-family: $heading-font-family; + font-size: 30px; + line-height: 1.6; + font-style: normal; + color: var(--heading-font-color); + + &::before { + content: '\201C'; + position: absolute; + top: 0.7em; + left: 0; + font-family: $base-font-family; + font-size: 3.5em; + line-height: 0; + color: var(--heading-font-color); + } + + p { + margin-bottom: 0; + } + + cite { + display: inline-block; + margin-top: 10px; + font-size: 14px; + font-weight: 700; + font-style: normal; + color: var(--heading-font-color); + + } + + @media only screen and (max-width: $mobile) { + padding: 12px 0 12px 40px; + font-size: 20px; + + &::before { + top: 0.63em; + } + } +} + +pre { + overflow: auto; + padding: 15px; + margin-bottom: 0; + font-size: 14px; + white-space: pre-wrap; + word-wrap: break-word; + word-break: break-all; + color: var(--heading-font-color); +} + +img, +.lightense-wrap { + max-width: 100%; + height: auto; + vertical-align: middle; +} + +img, +.lightense-wrap, +.gallery { + &+em { + display: block; + margin-top: 20px; + font-size: 12px; + font-style: normal; + font-weight: normal; + text-align: center; + + a { + font-weight: 600; + border-bottom: 1px solid transparent; + transition: $global-transition; + + &:hover { + color: var(--link-color); + border-color: var(--link-color-hover); + } + } + + @media only screen and (max-width: $mobile) { + margin-top: 12px; + } + } +} + +a { + text-decoration: none; + color: var(--link-color); + transition: $global-transition; + + &:hover { + color: var(--link-color-hover); + } +} + +hr { + position: relative; + height: 1px; + margin: 60px 0; + font-size: 21px; + border: 0; + + &::before { + content: ". . ."; + position: absolute; + top: -5px; + left: 50%; + transform: translateX(-50%); + line-height: 0; + color: var(--heading-font-color); + } +} + +.table-container { + display: block; + max-width: 100%; + overflow-x: auto; +} + +table { + font-size: 12px; + color: var(--dark); + width: 100%; + border-width: 1px; + border-color: var(--background-alt-color); + border-collapse: collapse; + color: var(--heading-font-color); +} + +table th { + padding: 10px; + font-size: 16px; + text-align: left; + border: 1px solid var(--th-color); + color: var(--heading-font-color); + font-weight: 700; +} + +table tr { + background-color: var(--tr-color); + transition: all .3s ease; + &:nth-child(even) { + background-color: transparent; + } +} + +table td { + padding: 10px; + font-size: 14px; + border: 1px solid var(--background-alt-color); +} + +.button { + display: inline-block; + padding: 12px 24px; + font-size: 16px; + line-height: 1.2; + line-height: 1.4; + font-weight: 600; + text-decoration: none; + border-radius: 8px; + border: none; + outline: none; + cursor: pointer; + transition: all .25s; + color: var(--button-color); + background: var(--button-background-color); + + &:hover { + color: var(--button-color); + background: var(--button-background-hover); + } + + &--primary { + color: var(--button-color); + background: var(--button-background-hover); + + &:hover { + opacity: 0.95; + } + } + + &--big { + padding: 20px 36px; + } +} + +.lazy { + opacity: 0; + transition: opacity 0.3s ease-in-out; +} + +.lazy.loaded { + opacity: 1; +} + +.lightense-backdrop { + background-color: var(--background-color) !important; +} \ No newline at end of file diff --git a/_sass/3-modules/_article.scss b/_sass/3-modules/_article.scss new file mode 100644 index 0000000..c5f96e9 --- /dev/null +++ b/_sass/3-modules/_article.scss @@ -0,0 +1,285 @@ +/* Article */ +.article { + position: relative; + margin-bottom: 32px; + + &.article--first { + .article__head { + width: 50%; + padding-right: 16px; + margin-right: 32px; + } + + .article__inner { + display: flex; + align-items: center; + } + + .article__image { + width: 100%; + padding-bottom: 100%; + margin-bottom: 0; + } + + .article__tags { + margin-bottom: 16px; + } + + .article__content { + width: 50%; + max-width: 585px; + + .article__title { + font-size: 52px; + a { + text-decoration-thickness: 4px; + } + } + } + + .article__excerpt { + max-width: 500px; + margin-bottom: 32px; + } + + @media only screen and (max-width: $wide) { + .article__content { + .article__title { + font-size: 42px; + } + } + } + + @media only screen and (max-width: $desktop) { + .article__head { + width: 100%; + padding-right: 0; + margin-right: 0; + } + + .article__inner { + flex-direction: column; + align-items: baseline; + } + + .article__image { + margin-bottom: 20px; + padding-bottom: 75%; + } + + .article__content { + width: 100%; + max-width: 100%; + } + + .article__excerpt { + max-width: 100%; + margin-bottom: 24px; + } + } + + @media only screen and (max-width: $tablet) { + .article__content { + .article__title { + font-size: 26px; + a { + text-decoration-thickness: 2px; + } + } + } + } + } +} + +.article__inner { + position: relative; + + &:hover { + .video-icon { + transform: translate(-50%, -50%) scale(1.1); + will-change: transform; + } + } +} + +.article__head { + position: relative; +} + +.article__image { + position: relative; + transform: translate(0); + display: block; + height: 0; + margin-bottom: 20px; + padding-bottom: 75%; + border-radius: 8px; + overflow: hidden; + background: var(--background-alt-color); + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + + &.loaded { + &+.loader { + &::before { + content: none; + } + } + } + } +} + +.video-icon { + position: absolute; + z-index: 1; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 88px; + height: 88px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + border: 1px solid rgba(255,255,255,0.6); + background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%); + box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275); + overflow: hidden; + pointer-events: none; + transition: $global-transition; + + svg { + width: 68px; + fill: var(--white); + stroke: var(--white); + stroke-linejoin: round; + stroke-width: 8; + } +} + +.article__tags { + position: relative; + z-index: 2; + display: inline-flex; + align-items: center; + flex-wrap: wrap; + margin-bottom: 12px; + + .article__tag { + padding: 8px 16px; + margin: 4px 8px 4px 0; + font-size: 13px; + line-height: 18px; + font-weight: 600; + text-transform: capitalize; + border: none; + border-radius: 8px; + color: var(--heading-font-color); + transition: none; + background-color: var(--background-alt-color); + + &:last-child { + margin-right: 0; + } + } +} + +.article__title { + margin-bottom: 16px; + font-size: 26px; + + a { + text-decoration: underline; + text-decoration-color: transparent; + text-decoration-thickness: 2px; + color: var(--heading-font-color); + + &:hover { + text-decoration-color: var(--link-color-hover); + } + + &::after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + border-radius: 8px; + } + } +} + +.article__excerpt { + display: -webkit-box; + margin-bottom: 24px; + font-size: 16px; + color: var(--text-alt-color); + overflow-y: hidden; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; +} + +.article__meta { + position: relative; + z-index: 2; + display: inline-flex; + align-items: center; + line-height: 1; +} + +.article__author__image { + position: relative; + transform: translate(0); + width: 48px; + height: 48px; + border-radius: 50%; + overflow: hidden; + margin-right: 12px; + background-color: var(--background-alt-color); + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } +} + +.article__meta__bottom { + display: flex; + flex-direction: column; +} + +.article__author__name { + display: inline-block; + margin-bottom: 6px; + font-family: $heading-font-family; + font-size: 14px; + font-weight: 700; + line-height: 1.2; + text-decoration: underline; + text-decoration-color: transparent; + color: var(--heading-font-color); + transition: text-decoration-color .35s; + + &:hover { + text-decoration-color: var(--heading-font-color); + } +} + +.article__date { + font-size: 13px; + line-height: 16px; + font-weight: 400; + color: var(--text-alt-color); +} \ No newline at end of file diff --git a/_sass/3-modules/_contact.scss b/_sass/3-modules/_contact.scss new file mode 100644 index 0000000..a395c70 --- /dev/null +++ b/_sass/3-modules/_contact.scss @@ -0,0 +1,51 @@ +/* Contact */ +.form-box { + margin-bottom: 100px; + + @media only screen and (max-width: $mobile) { + margin-bottom: 80px; + } +} + +.contact-head { + margin-bottom: 32px; +} + +.contact-description { + font-size: 21px; + color: var(--text-alt-color); + + @media only screen and (max-width: $mobile) { + font-size: inherit; + } +} + +.form__group { + margin-bottom: 20px; + + &:last-child { + margin-bottom: 0; + } +} + +.form__input { + width: 100%; + padding: 20px; + font-size: 16px; + font-weight: 400; + border: 1.5px solid rgba(103, 115, 135, 0.35); + border-radius: 8px; + outline: 0; + transition: .25s ease-in-out; + resize: vertical; + color: var(--heading-font-color); + background: var(--background-color); + + &::placeholder { + color: var(--text-alt-color); + } + + &:focus { + border-color: var(--brand-color); + } +} \ No newline at end of file diff --git a/_sass/3-modules/_footer.scss b/_sass/3-modules/_footer.scss new file mode 100644 index 0000000..5b17602 --- /dev/null +++ b/_sass/3-modules/_footer.scss @@ -0,0 +1,268 @@ +/* Footer */ +.footer__inner { + padding: 80px 0; + border-bottom: 1px solid var(--background-alt-color); + + &.is-border-top { + border-top: 1px solid var(--background-alt-color); + } + + .row .col { + flex-grow: 1; + + &:last-child>.widget-footer { + margin-bottom: 0; + } + } + + @media only screen and (max-width: $desktop) { + .row .col { + &:last-child>.widget-footer { + margin-bottom: 0; + } + } + } + + @media only screen and (max-width: $mobile) { + padding: 60px 0; + } +} + +.widget-footer { + @media only screen and (max-width: $desktop) { + margin-bottom: 60px; + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 44px; + } +} + +/* Widget Info */ +.widget-info__title { + font-family: $base-font-family; + font-size: 32px; + line-height: 1; + font-weight: 700; + letter-spacing: -1px; +} + +.widget-info__desc { + max-width: 380px; + color: var(--text-alt-color); + + @media only screen and (max-width: $desktop) { + max-width: 100%; + margin-bottom: 24px; + } +} + +/* Social */ +.social { + .social__list { + display: flex; + align-items: center; + flex-wrap: wrap; + + .social__item:first-child > .social__link { + padding-left: 0; + } + } + + .social__item { + margin-bottom: 0; + margin-right: 16px; + + &:last-child { + margin-right: 0; + } + } + + .social__link { + display: flex; + align-items: center; + padding: 4px; + font-size: 22px; + color: var(--heading-font-color); + + &:hover { + color: var(--brand-color); + } + } +} + +/* Widget Recent Posts */ +.widget-recent-posts__title { + font-size: 28px; +} + +.recent-posts { + position: relative; + display: flex; + align-items: center; + margin-bottom: 24px; + + &:last-child { + margin-bottom: 0; + } + + @media only screen and (max-width: $mobile) { + flex-direction: column; + margin-bottom: 32px; + } +} + +.recent-posts__image { + position: relative; + display: block; + min-width: 220px; + height: 200px; + margin-right: 24px; + border-radius: 8px; + overflow: hidden; + background: var(--background-alt-color); + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 8px; + object-fit: cover; + } + + @media only screen and (max-width: $mobile) { + min-width: 100%; + margin-right: 0; + margin-bottom: 20px; + padding-bottom: 75%; + } +} + +.recent-posts__content { + .article__meta { + .article__tags { + margin-bottom: 0; + } + } + + .recent-posts__title { + font-size: 21px; + margin: 16px 0; + + a { + text-decoration: underline; + text-decoration-color: transparent; + text-decoration-thickness: 2px; + color: var(--heading-font-color); + + &:hover { + text-decoration-color: var(--link-color-hover); + } + + &::after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + } + } + } + + .article__author__image { + width: 40px; + height: 40px; + } + + @media only screen and (max-width: $mobile) { + .recent-posts__title { + margin: 12px 0 16px; + font-size: 26px; + } + + .article__author__image { + width: 48px; + height: 48px; + } + } +} + +/* Widget Navigation */ +.widget-nav { + text-align: right; + + @media only screen and (max-width: $desktop) { + text-align: left; + } +} + +.widget-nav__title { + font-size: 28px; +} + +.widget-nav__item { + margin-bottom: 20px; + + &:last-child { + margin-bottom: 0; + } +} + +.widget-nav__link { + padding: 4px 0; + font-size: 17px; + line-height: 1; + font-weight: 600; + + &:hover { + color: var(--brand-color); + } +} + +/* Footer Info */ +.footer__info { + .footer__info-box { + display: flex; + align-items: center; + justify-content: space-between; + padding: 44px 0; + } +} + +.copyright { + margin-right: 20px; + font-size: 15px; + color: var(--text-alt-color); + + a { + text-decoration: underline; + text-decoration-color: transparent; + color: var(--heading-font-color); + + &:hover { + text-decoration-color: var(--heading-font-color); + color: var(--heading-font-color); + } + } +} + +.top { + min-width: 32px; + height: 32px; + font-size: 28px; + line-height: 32px; + text-align: center; + border-radius: 8px; + color: var(--button-color); + background-color: var(--button-background-color); + cursor: pointer; + transition: all .25s ease; + + &:hover { + background: var(--button-background-hover); + } +} \ No newline at end of file diff --git a/_sass/3-modules/_gallery.scss b/_sass/3-modules/_gallery.scss new file mode 100644 index 0000000..0c49cff --- /dev/null +++ b/_sass/3-modules/_gallery.scss @@ -0,0 +1,53 @@ +/* Gallery */ +.gallery-box { + margin: 32px -100px 32px -100px; + + @media only screen and (max-width: $wide) { + margin: 32px -40px 32px -40px; + } + + @media only screen and (max-width: $desktop) { + margin: 32px 0; + } +} + +.gallery { + display: grid; + grid-template-columns: repeat(3, auto); + justify-content: center; + align-content: center; + margin-left: -24px; + margin-bottom: -24px; + + &--post { + grid-template-columns: repeat(2, auto); + } + + img { + margin-left: 24px; + margin-bottom: 24px; + width: calc(100% - 24px); + } + + .gallery__image { + background: var(--background-color); + + img { + display: block; + width: 100%; + height: auto; + object-fit: cover; + } + } + + @media only screen and (max-width: $desktop) { + margin-left: -12px; + margin-bottom: -12px; + + img { + margin-left: 12px; + margin-bottom: 12px; + width: calc(100% - 12px); + } + } +} \ No newline at end of file diff --git a/_sass/3-modules/_header.scss b/_sass/3-modules/_header.scss new file mode 100644 index 0000000..a3cc823 --- /dev/null +++ b/_sass/3-modules/_header.scss @@ -0,0 +1,357 @@ +/* Header */ +.header { + .header__inner { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding: 40px $base-spacing-unit; + + @media only screen and (max-width: $mobile) { + padding: 32px $base-spacing-unit; + } + } +} + +/* Logo */ +.logo__link { + padding: 4px 0; + font-size: 32px; + line-height: 1; + font-weight: 700; + letter-spacing: -1px; + transition: color .25s ease; + + &:hover { + color: var(--brand-color); + } +} + +.logo__image { + max-height: 50px; +} + +/* Nav */ +.main-nav { + display: flex; + flex: 1 0; + align-items: center; + + @media only screen and (max-width: $desktop) { + position: absolute; + top: 88px; + right: $base-spacing-unit; + z-index: -1; + display: block; + min-width: 160px; + padding: 20px 24px; + border-radius: 8px; + transform: translate3d(0, 10px, 0); + opacity: 0; + visibility: hidden; + background-color: var(--background-color); + box-shadow: 0 15px 40px 5px rgba(20, 20, 20, 0.07); + transition: all .25s ease; + + &.is-visible { + z-index: 100; + opacity: 1; + visibility: visible; + transform: translate3d(0,0,0); + } + + .nav__list { + flex-direction: column; + width: 100%; + + .nav__item { + display: block; + width: 100%; + margin: 0; + + &.dropdown { + .dropdown-toggle { + display: none; + } + } + + .dropdown-menu { + position: relative; + left: 0; + padding: 0; + opacity: 1; + visibility: visible; + transform: scale(1); + min-width: auto; + border: none; + box-shadow: none; + background-color: inherit; + + .nav__link { + display: block; + padding: 10px 0; + font-size: 17px; + + &:last-child { + margin-bottom: 8px; + } + } + } + + .nav__link { + display: block; + padding: 10px 0; + font-size: 17px; + text-align: right; + transition: color .25s ease; + } + } + } + } +} + + +.main-nav__box { + display: flex; + align-items: center; + margin-left: auto; + + @media only screen and (max-width: $desktop) { + display: block; + } +} + +.nav__list { + display: flex; + align-items: center; + + .nav__item { + display: inline-block; + margin-right: 48px; + margin-bottom: 0; + + &:last-child { + margin-right: 0; + } + + .nav__link { + position: relative; + padding: 12px 0; + font-size: 17px; + line-height: 1; + font-weight: 600; + will-change: transform; + transition: color .25s ease; + + &:hover { + color: var(--brand-color); + } + } + + &.dropdown { + position: relative; + + &:hover { + .dropdown-menu { + opacity: 1; + visibility: visible; + transform: translate3d(0,0,0); + } + } + + .arrow-down { + vertical-align: middle; + } + + .dropdown-toggle { + cursor: pointer; + color: var(--link-color); + + &:hover { + color: var(--brand-color); + } + + &::before { + content: none; + } + } + } + + .dropdown-menu { + position: absolute; + top: calc(100% + 8px); + left: -32px; + transform: translate3d(0, 10px, 0); + backface-visibility: hidden; + z-index: 100; + min-width: 150px; + display: block; + padding: 16px; + opacity: 0; + visibility: hidden; + transition: all .25s ease; + border-radius: 8px; + box-shadow: 0 15px 40px 5px rgba(20, 20, 20, 0.07); + background-color: var(--background-color); + + .nav__link { + position: relative; + display: flex; + padding: 8px 16px; + font-size: 16px; + line-height: 1; + will-change: transform; + + &:last-child { + margin-bottom: 0; + } + + &::after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + opacity: 0; + border-radius: 4px; + transition: opacity .2s; + background-color: var(--brand-color); + } + + &::before { + content: none; + } + } + } + + } +} + +.dark-mode { + .main-nav { + .dropdown-menu { + background-color: var(--background-alt-color); + } + @media only screen and (max-width: $desktop) { + background-color: var(--background-alt-color); + } + } +} + +/* Humburger Menu */ +.hamburger { + width: 28px; + height: 28px; + display: none; + cursor: pointer; + + @media only screen and (max-width: $desktop) { + display: flex; + align-items: center; + } +} + +.hamburger div, +.hamburger div:after, +.hamburger div:before { + width: 28px; + height: 4px; + border-radius: 10px; + transition: all 0.15s linear; + background-color: var(--heading-font-color); +} + +.hamburger div:before, +.hamburger div:after { + content: ""; + position: absolute; +} + +.hamburger div:before { + transform: translateY(-200%); +} + +.hamburger div:after { + transform: translateY(200%); +} + +.hamburger.is-open div { + background: transparent; +} + +.hamburger.is-open div:before { + transform: rotate(45deg); +} + +.hamburger.is-open div:after { + transform: rotate(-45deg); +} + +.nav-button { + display: flex; + align-items: center; + margin-left: auto; + font-size: 24px; + color: var(--link-color); + cursor: pointer; + + .icon__search { + transition: color .25s ease; + + &:hover { + color: var(--brand-color); + } + } + + @media only screen and (max-width: $desktop) { + display: flex; + justify-content: end; + } +} + +/* Toggle Theme */ +.toggle-theme { + position: relative; + display: flex; + justify-content: center; + align-items: center; + width: 24px; + height: 24px; + margin-right: 12px; + user-select: none; + cursor: pointer; + + @media only screen and (max-width: $desktop) { + margin-right: 10px; + } +} + +.toggle-sun, +.toggle-moon { + position: absolute; + font-size: 23px; + transition: color .25s ease; + color: var(--heading-font-color); + + &:hover { + color: var(--brand-color); + } +} + +.toggle-sun { + display: none; +} + +.dark-mode { + .toggle-sun { + display: block; + } + + .toggle-moon { + display: none; + } +} \ No newline at end of file diff --git a/_sass/3-modules/_hero.scss b/_sass/3-modules/_hero.scss new file mode 100644 index 0000000..2b8c99c --- /dev/null +++ b/_sass/3-modules/_hero.scss @@ -0,0 +1,83 @@ +/* Hero */ +.hero { + padding: 60px 0; + margin-bottom: 40px; + + @media only screen and (max-width: $desktop) { + padding: 40px 0; + margin-bottom: 32px; + } + + @media only screen and (max-width: $desktop) { + padding: 32px 0; + } +} + +.hero__inner { + max-width: 860px; + margin: 0 auto; + text-align: center; +} + +.hero__title { + margin-bottom: 20px; + font-size: 60px; + color: var(--heading-font-color); + + @media only screen and (max-width: $desktop) { + font-size: 50px; + } + + @media only screen and (max-width: $tablet) { + font-size: 40px; + } + + @media only screen and (max-width: $mobile) { + font-size: 32px; + } +} + +.hero__description { + margin: 0 auto; + max-width: 620px; + font-size: 21px; + color: var(--text-alt-color); + + @media only screen and (max-width: $desktop) { + font-size: inherit; + } +} + +.hero__image { + position: absolute; + top: 0; + z-index: -1; + height: 460px; + width: 100%; + overflow: hidden; + + .hero__image__inner { + position: relative; + width: 100%; + height: 100%; + + &::after { + content: ""; + position: relative; + display: block; + width: 100%; + height: 100%; + will-change: transform; + background: var(--image-gradient); + } + + img { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; + } + } +} \ No newline at end of file diff --git a/_sass/3-modules/_pagination.scss b/_sass/3-modules/_pagination.scss new file mode 100644 index 0000000..8a720de --- /dev/null +++ b/_sass/3-modules/_pagination.scss @@ -0,0 +1,84 @@ +/* Pagination */ +.pagination { + display: flex; + justify-content: center; + align-items: center; + margin-top: 16px; + margin-bottom: 100px; + + @media only screen and (max-width: $mobile) { + margin-bottom: 80px; + } +} + +.pagination__list { + display: flex; + align-items: center; + flex-wrap: wrap; + + .disabled, + .previous-link, + .next-link, + .back-link, + .active-link, + .count-number { + display: inline-block; + width: 40px; + height: 40px; + margin: 2px; + font-size: 16px; + text-align: center; + line-height: 40px; + font-weight: 600; + border-radius: 50%; + color: var(--heading-font-color); + background: var(--background-alt-color); + } + + .disabled { + display: none; + } + + .next-link, + .previous-link, + .back-link, + .count-number { + &:hover { + color: var(--white); + background: var(--heading-font-color); + } + } + + .active-link { + color: var(--white); + background: var(--heading-font-color); + } + + @media only screen and (max-width: 360px) { + flex-wrap: wrap; + } +} + +.dark-mode { + .pagination__list { + .next-link, + .previous-link, + .back-link, + .count-number { + &:hover { + color: var(--dark); + background: var(--heading-font-color); + } + } + + .active-link { + color: var(--dark); + background: var(--heading-font-color); + } + } +} + +.counter-box { + display: inline-block; + font-size: 0; +} \ No newline at end of file diff --git a/_sass/3-modules/_search.scss b/_sass/3-modules/_search.scss new file mode 100644 index 0000000..ea66abe --- /dev/null +++ b/_sass/3-modules/_search.scss @@ -0,0 +1,232 @@ +/* Search */ +.search { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + opacity: 0; + + &.is-visible { + z-index: 98; + opacity: 1; + + .search__box { + transform: translateY(-20px); + } + } + + &::after { + content: ""; + position: absolute; + z-index: 94; + top: 0; + right: 0; + width: 17px; + height: 100%; + background-color: var(--background-color); + } +} + +.search__overlay { + position: fixed; + top: 0; + left: 0; + z-index: 96; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.6); +} + +.search__box { + position: relative; + z-index: 100; + max-width: 700px; + margin: 120px auto 0; + padding: 60px; + border-radius: 8px; + background: var(--background-color); + transition: all .25s ease; + will-change: transform; + + @media only screen and (max-width: $desktop) { + margin: 120px auto 0; + } + + @media only screen and (max-width: $tablet) { + padding: 40px; + } + + @media only screen and (max-width: $mobile) { + padding: 32px; + } +} + +.search__group { + position: relative; + margin-bottom: 32px; + + .search__close { + position: absolute; + right: 28px; + top: 50%; + transform: translateY(-50%); + display: flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + font-size: 21px; + line-height: 1; + border-radius: 50%; + color: var(--background-color); + cursor: pointer; + will-change: transform; + transition: all .25s; + background: var(--heading-font-color); + + &:hover { + transform: translateY(-50%) rotate(90deg); + color: var(--white); + background: var(--brand-color); + } + + .ion-md-close { + vertical-align: middle; + } + + @media only screen and (max-width: $mobile) { + right: 24px; + } + } + + .search__text { + width: 100%; + padding: 28px; + font-size: 20px; + font-weight: 600; + line-height: 24px; + border: 2px solid var(--heading-font-color); + border-radius: 8px; + color: var(--heading-font-color); + background-color: var(--background-color); + outline: 0; + transition: all .25s; + + &::placeholder { + font-weight: 700; + color: var(--heading-font-color); + } + + &:focus { + border-color: var(--brand-color); + } + + &::-ms-clear { + display: none; + } + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 32px; + + .search__text { + padding: 24px; + } + } +} + +.search-results-list { + max-height: calc(80vh - 260px); + color: var(--heading-font-color); + overflow-x: hidden; + overflow-y: auto; + white-space: normal; + + .search-results__item { + display: flex; + align-items: center; + padding-bottom: 12px; + margin-bottom: 12px; + border-bottom: 1px solid var(--background-alt-color); + + &:hover { + .search-results__title { + text-decoration-color: var(--heading-font-color); + } + } + + @media only screen and (max-width: $mobile) { + flex-direction: column; + padding-bottom: 16px; + margin-bottom: 16px; + } + } + + .search-results__image { + position: relative; + display: inline-block; + margin-right: 16px; + min-width: 80px; + height: 80px; + border-radius: 8px; + overflow: hidden; + background: var(--background-alt-color); + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + + @media only screen and (max-width: $mobile) { + margin-right: 0; + min-width: 100%; + height: 200px; + } + } + + .search-results__content { + position: relative; + display: block; + padding: 10px 0 10px 0; + transition: inherit; + + &:hover { + .search-results__title { + text-decoration-color: var(--heading-font-color); + } + } + + @media only screen and (max-width: $mobile) { + padding: 16px 0 0 0; + } + } + + .search-results__date { + display: block; + margin-bottom: 8px; + font-size: 12px; + line-height: 1; + color: var(--text-alt-color); + } + + .search-results__title { + font-family: $heading-font-family; + font-size: 18px; + font-weight: 700; + line-height: 1.3; + text-decoration: underline; + text-decoration-color: transparent; + transition: $global-transition; + } + + .no-results { + width: 100%; + margin: 0; + color: var(--heading-font-color); + } +} \ No newline at end of file diff --git a/_sass/3-modules/_section-tags.scss b/_sass/3-modules/_section-tags.scss new file mode 100644 index 0000000..2673da5 --- /dev/null +++ b/_sass/3-modules/_section-tags.scss @@ -0,0 +1,55 @@ +/* Section Tags */ +.section-tags { + @media only screen and (max-width: $mobile) { + .row .col:last-child > .tag-image { + margin-bottom: 0; + } + } +} + +.tag-image { + margin-bottom: 32px; + position: relative; + transform: translate(0); + display: block; + height: 0; + padding-bottom: 62%; + border-radius: 8px; + overflow: hidden; + background: var(--background-alt-color); + transition: transform .2s; + + &:hover { + transform: translateY(-3px); + } + + img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + + .tag-name { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 1; + max-width: 90%; + display: inline-block; + padding: 8px 12px; + font-size: 14px; + line-height: 1; + font-weight: 700; + text-transform: capitalize; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + color: var(--heading-font-color); + background: var(--background-color); + pointer-events: none; + } +} \ No newline at end of file diff --git a/_sass/3-modules/_sections.scss b/_sass/3-modules/_sections.scss new file mode 100644 index 0000000..d17a43e --- /dev/null +++ b/_sass/3-modules/_sections.scss @@ -0,0 +1,349 @@ +/* Sections + Page */ +.section { + margin-bottom: 68px; + + &.featured-post { + margin-bottom: 68px; + } +} + +.section__info { + position: relative; + margin-bottom: 40px; + + &::after { + content: ""; + display: block; + height: 1px; + background: var(--background-alt-color); + } +} + +.section__head { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + padding-bottom: 20px; +} + +.section__title { + margin-bottom: 0; + font-size: 32px; + line-height: 1; + + @media only screen and (max-width: $mobile) { + font-size: 24px; + } +} + +.section__link { + font-size: 18px; + font-weight: 500; + text-decoration: underline; + text-decoration-color: transparent; + color: var(--link-color); + + &:hover { + i { + transform: rotate(-45deg) translateX(2px); + } + } + + i { + margin-left: 8px; + transform: rotate(-45deg); + transition: all .1s; + } + + @media only screen and (max-width: $tablet) { + padding-left: 0; + } + + @media only screen and (max-width: $mobile) { + font-size: 16px; + } +} + +.section__description { + max-width: 460px; + color: var(--text-alt-color); +} + +/* Section Blog */ +.blog { + .article__inner { + display: flex; + align-items: center; + } + + .article__head { + margin-right: 32px; + } + + .article__image { + width: 270px; + margin-bottom: 0; + padding-bottom: 100%; + } + + .article__title { + margin-bottom: 12px; + font-size: 21px; + } + + .article__excerpt { + margin-bottom: 16px; + } + + @media only screen and (max-width: $wide) { + .article__title { + font-size: 26px; + } + } + + @media only screen and (max-width: $tablet) { + .article__inner { + display: block; + } + + .article__image { + width: 100%; + margin-bottom: 20px; + padding-bottom: 75%; + } + + .article__head { + margin-right: 0; + } + + .article__excerpt { + margin-bottom: 24px; + } + } +} + +/* Section Videos */ +.videos { + padding: 100px 0; + margin-bottom: 100px; + background: var(--dark); + + .section__info::after { + opacity: 0.07; + } + + .section__title, + .section__link { + color: var(--white); + } + + .article__image, + .article__author__image { + background: #000; + } + + .article__title a, + .article__author__name { + color: var(--white); + &:hover { + text-decoration-color: inherit; + } + } + + .section__description, + .article__excerpt, + .article__date { + color: var(--gray); + } + + @media only screen and (max-width: $mobile) { + padding: 80px 0; + } +} + +.dark-mode { + .videos { + background: #0f151b; + + .section__info::after { + opacity: 1; + } + } +} + +// Videos Page +.videos-page { + margin-bottom: 68px; + + @media only screen and (max-width: $mobile) { + margin-bottom: 48px; + } +} + +/* Section Tag */ +.section-tag { + .article__title { + font-size: 21px; + + @media only screen and (max-width: $tablet) { + font-size: 26px; + } + } +} + +/* Section Author */ +.section-author { + margin-bottom: 170px; + + @media only screen and (max-width: $desktop) { + margin-bottom: 100px; + } +} + +.section-author__inner { + display: flex; + align-items: center; + + @media only screen and (max-width: $desktop) { + flex-direction: column; + } +} + +.section-author__image { + position: relative; + height: 618px; + max-width: 618px; + width: 50%; + margin-right: 48px; + border-radius: 8px; + background: var(--background-alt-color); + + &.two-author-images { + margin-right: 160px; + } + + img { + position: absolute; + border-radius: 8px; + object-fit: cover; + background: var(--background-alt-color); + } + + .author__big__image { + top: 0; + left: 0; + height: 100%; + width: 100%; + } + + .author__small__image { + right: -110px; + bottom: -70px; + width: 400px; + height: 300px; + box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802); + } + + @media only screen and (max-width: $wide) { + &.two-author-images { + margin-right: 90px; + } + + .author__small__image { + right: -40px; + bottom: -40px + } + } + + @media only screen and (max-width: $desktop) { + height: auto; + max-width: 100%; + width: 100%; + padding-top: 75%; + margin-right: 0; + margin-bottom: 32px; + + &.two-author-images { + margin-right: 0; + margin-bottom: 72px; + + .author__big__image { + width: calc(100% - 40px); + } + } + + + .author__small__image { + right: 0; + width: 360px; + height: 260px; + box-shadow: none; + } + } + + @media only screen and (max-width: $tablet) { + .author__small__image { + width: 320px; + height: 220px; + } + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 24px; + + &.two-author-images { + margin-bottom: 64px; + } + + .author__small__image { + width: 280px; + height: 180px; + } + } +} + +.section-author__content { + width: 50%; + max-width: 585px; + + .section-author__title { + margin-bottom: 20px; + font-size: 52px; + } + + .section-author__description { + margin-bottom: 32px; + max-width: 500px; + font-size: 16px; + color: var(--text-alt-color); + } + + @media only screen and (max-width: $wide) { + .section-author__title { + font-size: 42px; + } + } + + @media only screen and (max-width: $desktop) { + width: 100%; + max-width: 100%; + + .section-author__description { + max-width: 100%; + } + } + + @media only screen and (max-width: $tablet) { + .section-author__title { + font-size: 26px; + } + } + + @media only screen and (max-width: $mobile) { + .section-author__description { + margin-bottom: 24px; + } + } +} + diff --git a/_sass/3-modules/_subscribe.scss b/_sass/3-modules/_subscribe.scss new file mode 100644 index 0000000..80c4282 --- /dev/null +++ b/_sass/3-modules/_subscribe.scss @@ -0,0 +1,146 @@ +/* Subscribe */ +.subscribe { + position: relative; + padding: 80px 0; + overflow: hidden; + background: var(--dark); +} + +.subscribe__bg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + + &::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--dark); + opacity: 0.95; + } +} + +.subscribe__inner { + position: relative; + z-index: 1; + display: flex; + justify-content: space-between; + align-items: center; + + .subscribe__content { + margin-right: auto; + + .subscribe__title { + margin-bottom: 20px; + font-size: 52px; + line-height: 1; + color: var(--white); + } + + .subscribe__description { + max-width: 380px; + margin-bottom: 0; + color: var(--gray); + } + } + + .subscribe-form { + display: inline-flex; + width: 100%; + max-width: 620px; + padding: 24px; + border-radius: 8px; + background: var(--background-color); + + .subscribe-email { + flex: 1; + height: 60px; + margin-right: 8px; + padding: 20px; + font-size: 16px; + line-height: 1; + color: var(--heading-font-color); + border: 1.5px solid rgba(103, 115, 135, 0.35); + border-radius: 8px; + outline: 0; + background: transparent; + transition: all .25s ease; + + &::placeholder { + color: var(--heading-font-color); + } + + &:focus { + border-color: var(--brand-color); + } + } + + .subscribe-button { + height: 60px; + } + } + + @media only screen and (max-width: $wide) { + .subscribe__content{ + .subscribe__title { + font-size: 42px; + } + } + + .subscribe-form { + max-width: 440px; + } + } + + @media only screen and (max-width: $desktop) { + flex-direction: column; + justify-content: start; + align-items: flex-start; + + .subscribe__content { + .subscribe__description { + max-width: 100%; + margin-bottom: 32px; + } + } + + .subscribe-form { + max-width: 100%; + } + } + + @media only screen and (max-width: $tablet) { + .subscribe__content { + .subscribe__title { + font-size: 26px; + } + } + + .subscribe-form { + padding: 20px; + } + } + + @media only screen and (max-width: $mobile) { + .subscribe__content { + .subscribe__description { + font-size: 16px; + } + } + + .subscribe-form { + display: flex; + flex-direction: column; + + .subscribe-email { + margin-right: 0; + margin-bottom: 8px; + } + } + } +} diff --git a/_sass/4-layouts/_authors.scss b/_sass/4-layouts/_authors.scss new file mode 100644 index 0000000..6df1ec9 --- /dev/null +++ b/_sass/4-layouts/_authors.scss @@ -0,0 +1,226 @@ +/* Author + Authors */ + +// Authors Page +.authors { + margin-bottom: 100px; + + .authors__head { + margin: 60px 0; + } + + .authors__title { + font-size: 52px; + text-align: center; + } + + .authors__info { + margin-bottom: 40px; + text-align: center; + } + + .authors__image { + position: relative; + transform: translate(0); + display: block; + width: 200px; + height: 200px; + margin: 0 auto 32px; + border-radius: 50%; + overflow: hidden; + background: var(--background-alt-color); + transition: .2s; + + &:hover { + transform: translateY(-4px); + } + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + } + + .authors__name { + margin-bottom: 16px; + line-height: 1; + + .authors__link { + text-decoration: underline; + text-decoration-thickness: 2px; + text-decoration-color: transparent; + + &:hover { + text-decoration-color: var(--link-color-hover); + } + } + } + + .authors__posts__count { + margin-bottom: 20px; + font-size: 16px; + font-weight: 600; + color: var(--heading-font-color); + } + + .authors__description { + max-width: 380px; + margin: 0 auto; + } + + @media only screen and (max-width: $tablet) { + .authors__title { + font-size: 40px; + } + + .authors__description { + max-width: 100%; + } + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 60px; + + .authors__head { + margin: 32px 0 40px; + } + + .authors__title { + font-size: 32px; + } + + .authors__image { + width: 160px; + height: 160px; + margin: 0 auto 24px; + } + + .authors__name { + margin-bottom: 8px; + font-size: 24px; + } + + .authors__description { + display: none; + } + } +} + +// Author Page +.author { + margin-bottom: 100px; + + .author__content { + margin: 60px 0 100px; + text-align: center; + + p { + max-width: 580px; + margin: 0 auto 20px; + font-size: 21px; + } + } + + .author__image { + position: relative; + transform: translate(0); + width: 200px; + height: 200px; + margin: 0 auto 32px; + border-radius: 50%; + overflow: hidden; + background: var(--background-alt-color); + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + } + + .author__name { + margin-bottom: 16px; + line-height: 1; + } + + .author__posts__count { + margin-bottom: 20px; + font-weight: 600; + color: var(--heading-font-color); + } + + .author__info { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + margin-bottom: 24px; + + .author__social__item { + padding: 8px 20px; + margin-right: 8px; + margin-bottom: 8px; + font-size: 16px; + border-radius: 30px; + color: var(--link-color); + background: var(--background-alt-color); + + &:hover { + i { + transform: scale(1.15); + } + } + + &:last-child { + margin-right: 0; + } + + i { + margin-right: 4px; + will-change: transform; + transition: all .2s; + } + } + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 60px; + + .author__content { + margin: 32px 0 64px; + p { + font-size: inherit; + } + } + + .author__image { + width: 160px; + height: 160px; + } + + .author__name { + font-size: 32px; + } + + .author__posts__count { + font-size: 16px; + } + + .author__info { + .author__social__item { + padding: 8px 16px; + margin-right: 6px; + margin-bottom: 6px; + font-size: 14px; + } + } + } +} diff --git a/_sass/4-layouts/_post.scss b/_sass/4-layouts/_post.scss new file mode 100644 index 0000000..028a15d --- /dev/null +++ b/_sass/4-layouts/_post.scss @@ -0,0 +1,534 @@ +/* Post + Page */ +.post-head, +.page-head { + max-width: 780px; + margin: 60px auto 32px; + + @media only screen and (max-width: $mobile) { + margin: 32px auto; + } +} + +.post__info { + font-size: 0; + + &.post__info-video { + max-width: 780px; + margin: 0 auto; + } + + @media only screen and (max-width: $desktop) { + margin-left: 0; + } +} + +.page__info { + margin-bottom: 32px; +} + +.post__tags { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + margin-bottom: 16px; + + .post__tag { + padding: 8px 16px; + margin: 4px 8px 4px 0; + font-size: 13px; + line-height: 18px; + font-weight: 600; + text-transform: capitalize; + border: none; + border-radius: 8px; + color: var(--heading-font-color); + transition: none; + background-color: var(--background-alt-color); + + &:last-child { + margin-right: 0; + } + } +} + +.post__title, +.page__title { + margin-bottom: 24px; + font-size: 46px; + + @media only screen and (max-width: $mobile) { + margin-bottom: 20px; + font-size: 32px; + } +} + +.post__description, +.page__description { + margin-bottom: 20px; + font-size: 21px; + color: var(--text-alt-color); +} + +.post__meta { + display: inline-flex; + align-items: center; + margin-bottom: 32px; + line-height: 1; + + .post__author__image { + position: relative; + transform: translate(0); + width: 48px; + height: 48px; + border-radius: 50%; + overflow: hidden; + margin-right: 12px; + background-color: var(--background-alt-color); + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + } + + .post__meta__bottom { + display: flex; + flex-direction: column; + } + + .post__author__name { + display: inline-block; + margin-bottom: 6px; + font-family: $heading-font-family; + font-size: 14px; + font-weight: 700; + line-height: 1.2; + text-decoration: underline; + text-decoration-color: transparent; + color: var(--heading-font-color); + transition: text-decoration-color .35s; + + &:hover { + text-decoration-color: var(--heading-font-color); + } + } + + .post__date { + font-size: 13px; + line-height: 16px; + font-weight: 400; + color: var(--text-alt-color); + } +} + +.post-image, +.page-image { + position: relative; + transform: translate(0); + padding-top: 70%; + min-height: 280px; + border-radius: 8px; + overflow: hidden; + background: var(--background-alt-color); + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + + @media only screen and (max-width: $desktop) { + padding-top: 75%; + margin-bottom: 40px; + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 32px; + } +} + +.post-video, +.page-video { + margin-bottom: 32px; + border-radius: 8px; + overflow: hidden; + transform: translate(0); + background-color: var(--background-alt-color); + + .post-video__wrap, + .page-video__wrap { + position: relative; + width: 100%; + height: 0; + padding-bottom: 70%; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } + + @media only screen and (max-width: $desktop) { + margin-bottom: 40px; + + .post-video__wrap, + .page-video__wrap { + padding-bottom: 75%; + } + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 32px; + } +} + +.post, +.page { + max-width: 780px; + margin: 0 auto 60px; + font-size: 19px; + color: var(--text-color); + + a { + border-bottom: 1px solid var(--link-color); + + &:hover { + color: var(--brand-color); + border-bottom-color: var(--brand-color); + } + } + + img, + .lightense-wrap, + .gallery { + &+em { + a { + border-bottom: 1px solid transparent; + + &:hover { + color: var(--link-color); + border-bottom: 1px solid var(--link-color); + } + } + } + } + + img, .js-reframe { + border-radius: 8px; + overflow: hidden; + + &.lightense-open { + border-radius: 0; + } + } + + img[src$='#wide'] { + display: block; + width: 100vw; + max-width: none; + margin-left: 50%; + transform: translateX(-50%); + border-radius: 0; + pointer-events: none; + user-select: none; + } + + .button { + border: none; + text-decoration: none; + + &:hover { + color: var(--white); + } + } + + @media only screen and (max-width: $mobile) { + font-size: inherit; + } +} + +.page { + margin: 0 auto 100px; + + @media only screen and (max-width: $mobile) { + margin: 0 auto 80px; + } +} + +.post__share { + margin-top: 40px; + + .share__title { + margin-bottom: 20px; + font-family: $heading-font-family; + color: var(--heading-font-color); + font-size: 18px; + line-height: 1.3; + font-weight: 700; + text-align: center; + } + + .share__list { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + } + + .share__item { + margin-right: 8px; + margin-bottom: 0; + text-align: center; + + &:last-child { + margin-right: 0; + } + } + + .share__link { + display: flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + font-size: 18px; + text-transform: uppercase; + border: none; + border-radius: 8px; + background: var(--background-alt-color); + + &.share__facebook { + &:hover { + color: #3b5998; + } + } + + &.share__twitter { + &:hover { + color: #55acee; + } + } + + &.share__pinterest { + &:hover { + color: #bd081c; + } + } + + &.share__linkedin { + &:hover { + color: #0077b5; + } + } + } + + @media only screen and (max-width: $mobile) { + margin-top: 0; + } +} + +/* Card Author */ +.card-author { + display: flex; + align-items: center; + max-width: 780px; + margin: 0 auto; + padding: 40px; + border-radius: 8px; + background: var(--background-alt-color); + + .card-author__image { + position: relative; + transform: translate(0); + display: block; + width: 80px; + height: 80px; + border-radius: 50%; + overflow: hidden; + margin-right: 24px; + background-color: var(--background-color); + + img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + user-select: none; + } + } + + .card-author__role { + margin-bottom: 4px; + font-size: 12px; + } + + .card-author__name { + margin-bottom: 12px; + font-size: 21px; + line-height: 1.2; + + .card-author__link { + text-decoration: underline; + text-decoration-color: transparent; + + &:hover { + text-decoration-color: var(--link-color-hover); + } + } + } + + .card-author__description { + margin-bottom: 0; + color: var(--text-alt-color); + } + + @media only screen and (max-width: $mobile) { + flex-direction: column; + padding: 24px; + + .card-author__image { + width: 100px; + height: 100px; + margin-right: 0; + margin-bottom: 16px; + } + + .card-author__content { + text-align: center; + } + + .card-author__description { + font-size: 16px; + } + } +} + +/* Related posts */ +.related-posts { + display: none; + max-width: 780px; + margin: 80px auto 0; + + &.is-related { + display: block; + } + + .row .col:last-child { + margin-bottom: 0; + } + + .article__inner { + display: flex; + align-items: center; + } + + .article__head { + margin-right: 32px; + } + + .article__image { + width: 270px; + margin-bottom: 0; + padding-bottom: 100%; + } + + .article__title { + margin-bottom: 12px; + font-size: 21px; + } + + .article__excerpt { + margin-bottom: 16px; + } + + @media only screen and (max-width: $tablet) { + .article__inner { + display: block; + } + + .article__image { + width: 100%; + margin-bottom: 20px; + padding-bottom: 75%; + } + + .article__head { + margin-right: 0; + } + + .article__title { + font-size: 26px; + } + + .article__excerpt { + margin-bottom: 24px; + } + } + + @media only screen and (max-width: $mobile) { + margin: 60px auto 0; + } +} + +/* Disqus */ +.show-comments { + text-align: center; +} + +.disqus-button { + margin: 100px 0; + + @media only screen and (max-width: $mobile) { + margin: 80px 0; + } +} + +.post__comments { + max-width: 760px; + margin: 0 auto; + + &.is-open { + margin: 100px auto; + } + + @media only screen and (max-width: $mobile) { + &.is-open { + margin: 80px auto; + } + } +} + +/* 404 */ +.error { + text-align: center; + + .error__title { + margin-bottom: 24px; + font-size: 140px; + line-height: 1; + } + + .error__text { + color: var(--text-alt-color); + } + + @media only screen and (max-width: $mobile) { + .error__title { + font-size: 100px; + } + } +} \ No newline at end of file diff --git a/_sass/4-layouts/_tags-page.scss b/_sass/4-layouts/_tags-page.scss new file mode 100644 index 0000000..ed80ee2 --- /dev/null +++ b/_sass/4-layouts/_tags-page.scss @@ -0,0 +1,53 @@ +/* Tags */ +.tags__inner { + margin-bottom: 68px; + + &.is-hidden { + display: none; + } + + .tag__info { + padding: 60px 0; + text-align: center; + + @media only screen and (max-width: $desktop) { + padding: 40px 0; + } + + @media only screen and (max-width: $mobile) { + padding: 32px 0; + } + } + + .tag__name { + margin-bottom: 0; + font-size: 52px; + line-height: 1; + text-transform: capitalize; + } + + .tag__counter { + margin-bottom: 12px; + font-size: 12px; + font-weight: 700; + line-height: 1; + letter-spacing: 1.6px; + text-transform: uppercase; + } + + @media only screen and (max-width: $tablet) { + .tag__name { + margin-bottom: 16px; + font-size: 40px; + } + } + + @media only screen and (max-width: $mobile) { + margin-bottom: 48px; + + .tag__name { + font-size: 32px; + margin-bottom: 12px; + } + } +} \ No newline at end of file diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..e7bb214 --- /dev/null +++ b/blog/index.html @@ -0,0 +1,36 @@ +--- +layout: default +title: Blog +description: Laruso blog features productivity, tips, inspiration and strategies for massive profits. Find out how to set up a successful blog or how to make yours even better! +--- + + +
+
+
+
+
+

{% if page.title %}{{ page.title }}{% else %}{{ site.data.settings.blog__settings.blog__title }}{% endif %}

+ {% if page.description %} +

{{ page.description }}

+ {% else site.data.settings.blog__settings.blog__description %} +

{{ site.data.settings.blog__settings.blog__description }}

+ {% endif %} +
+
+
+
+
+ + +
+
+ {% if site.posts.size > 0 %} + {% for post in paginator.posts offset:0 %} + {% include article.html %} + {% endfor %} + {% endif %} +
+
+ +{% include pagination.html %} \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..4928bf6 Binary files /dev/null and b/favicon.ico differ diff --git a/feed.xml b/feed.xml new file mode 100755 index 0000000..c8af2b1 --- /dev/null +++ b/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.data.settings.title | xml_escape }} + {{ site.data.settings.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | absolute_url }} + {{ post.url | absolute_url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + \ No newline at end of file diff --git a/images/01-1.jpg b/images/01-1.jpg new file mode 100644 index 0000000..08ed367 Binary files /dev/null and b/images/01-1.jpg differ diff --git a/images/02-1.jpg b/images/02-1.jpg new file mode 100644 index 0000000..75b81c4 Binary files /dev/null and b/images/02-1.jpg differ diff --git a/images/02.jpg b/images/02.jpg new file mode 100644 index 0000000..ce5e35b Binary files /dev/null and b/images/02.jpg differ diff --git a/images/03-1.jpg b/images/03-1.jpg new file mode 100644 index 0000000..e3fe0c1 Binary files /dev/null and b/images/03-1.jpg differ diff --git a/images/03.jpg b/images/03.jpg new file mode 100755 index 0000000..b3d3cbf Binary files /dev/null and b/images/03.jpg differ diff --git a/images/04.jpg b/images/04.jpg new file mode 100755 index 0000000..4099cba Binary files /dev/null and b/images/04.jpg differ diff --git a/images/05.jpg b/images/05.jpg new file mode 100644 index 0000000..6e575ba Binary files /dev/null and b/images/05.jpg differ diff --git a/images/06.jpg b/images/06.jpg new file mode 100755 index 0000000..6c2a75c Binary files /dev/null and b/images/06.jpg differ diff --git a/images/07.jpg b/images/07.jpg new file mode 100644 index 0000000..4639d8f Binary files /dev/null and b/images/07.jpg differ diff --git a/images/08.jpg b/images/08.jpg new file mode 100755 index 0000000..d678817 Binary files /dev/null and b/images/08.jpg differ diff --git a/images/09.jpg b/images/09.jpg new file mode 100755 index 0000000..8f77a05 Binary files /dev/null and b/images/09.jpg differ diff --git a/images/10.jpg b/images/10.jpg new file mode 100644 index 0000000..eb241aa Binary files /dev/null and b/images/10.jpg differ diff --git a/images/100.jpg b/images/100.jpg new file mode 100644 index 0000000..780adb9 Binary files /dev/null and b/images/100.jpg differ diff --git a/images/101.jpg b/images/101.jpg new file mode 100644 index 0000000..0583bb9 Binary files /dev/null and b/images/101.jpg differ diff --git a/images/102.jpg b/images/102.jpg new file mode 100644 index 0000000..9ab60b2 Binary files /dev/null and b/images/102.jpg differ diff --git a/images/103.jpg b/images/103.jpg new file mode 100644 index 0000000..430ce48 Binary files /dev/null and b/images/103.jpg differ diff --git a/images/104.jpg b/images/104.jpg new file mode 100644 index 0000000..7039466 Binary files /dev/null and b/images/104.jpg differ diff --git a/images/11.jpg b/images/11.jpg new file mode 100755 index 0000000..7b07a33 Binary files /dev/null and b/images/11.jpg differ diff --git a/images/12.jpg b/images/12.jpg new file mode 100644 index 0000000..ec30e9b Binary files /dev/null and b/images/12.jpg differ diff --git a/images/14.jpg b/images/14.jpg new file mode 100755 index 0000000..74508ad Binary files /dev/null and b/images/14.jpg differ diff --git a/images/15.jpg b/images/15.jpg new file mode 100644 index 0000000..b2b21ba Binary files /dev/null and b/images/15.jpg differ diff --git a/images/16.jpg b/images/16.jpg new file mode 100644 index 0000000..23ed39d Binary files /dev/null and b/images/16.jpg differ diff --git a/images/17.jpg b/images/17.jpg new file mode 100644 index 0000000..b968592 Binary files /dev/null and b/images/17.jpg differ diff --git a/images/18.jpg b/images/18.jpg new file mode 100644 index 0000000..2006be5 Binary files /dev/null and b/images/18.jpg differ diff --git a/images/19.jpg b/images/19.jpg new file mode 100644 index 0000000..50735aa Binary files /dev/null and b/images/19.jpg differ diff --git a/images/20.jpg b/images/20.jpg new file mode 100644 index 0000000..c623ecb Binary files /dev/null and b/images/20.jpg differ diff --git a/images/21.jpg b/images/21.jpg new file mode 100644 index 0000000..4497d9a Binary files /dev/null and b/images/21.jpg differ diff --git a/images/22.jpg b/images/22.jpg new file mode 100644 index 0000000..10f71bd Binary files /dev/null and b/images/22.jpg differ diff --git a/images/23.jpg b/images/23.jpg new file mode 100644 index 0000000..8d51893 Binary files /dev/null and b/images/23.jpg differ diff --git a/images/24.jpg b/images/24.jpg new file mode 100644 index 0000000..beb0368 Binary files /dev/null and b/images/24.jpg differ diff --git a/images/25.jpg b/images/25.jpg new file mode 100644 index 0000000..44b859e Binary files /dev/null and b/images/25.jpg differ diff --git a/images/30.jpg b/images/30.jpg new file mode 100644 index 0000000..a9b7530 Binary files /dev/null and b/images/30.jpg differ diff --git a/images/32.jpg b/images/32.jpg new file mode 100644 index 0000000..190aff7 Binary files /dev/null and b/images/32.jpg differ diff --git a/images/33.jpg b/images/33.jpg new file mode 100644 index 0000000..c7e603c Binary files /dev/null and b/images/33.jpg differ diff --git a/images/34.jpg b/images/34.jpg new file mode 100644 index 0000000..d39fcc3 Binary files /dev/null and b/images/34.jpg differ diff --git a/images/35.jpg b/images/35.jpg new file mode 100644 index 0000000..c17d131 Binary files /dev/null and b/images/35.jpg differ diff --git a/images/37.jpg b/images/37.jpg new file mode 100644 index 0000000..039df3b Binary files /dev/null and b/images/37.jpg differ diff --git a/images/38.jpg b/images/38.jpg new file mode 100644 index 0000000..4456ff1 Binary files /dev/null and b/images/38.jpg differ diff --git a/images/39.jpg b/images/39.jpg new file mode 100644 index 0000000..3d4c113 Binary files /dev/null and b/images/39.jpg differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..7ea8e08 Binary files /dev/null and b/images/logo.png differ diff --git a/images/subscribe-bg.jpg b/images/subscribe-bg.jpg new file mode 100644 index 0000000..0dfeede Binary files /dev/null and b/images/subscribe-bg.jpg differ diff --git a/index.html b/index.html new file mode 100755 index 0000000..93eca5a --- /dev/null +++ b/index.html @@ -0,0 +1,16 @@ +--- +layout: default +image: '/images/102.jpg' +--- + +{% include section-hero.html %} + +{% include section-featured-posts.html %} + +{% include section-blog.html %} + +{% include section-videos.html %} + +{% include section-tag.html %} + +{% include section-author.html %} \ No newline at end of file diff --git a/js/common.js b/js/common.js new file mode 100755 index 0000000..de869a6 --- /dev/null +++ b/js/common.js @@ -0,0 +1,190 @@ +document.addEventListener("DOMContentLoaded", function() { + 'use strict'; + + const html = document.querySelector('html'), + globalWrap = document.querySelector('.global-wrap'), + body = document.querySelector('body'), + menuToggle = document.querySelector(".hamburger"), + menuList = document.querySelector(".main-nav"), + searchOpenIcon = document.querySelector(".icon__search"), + searchCloseIcon = document.querySelector(".search__close"), + searchInput = document.querySelector(".search__text"), + search = document.querySelector(".search"), + searchBox = document.querySelector(".search__box"), + toggleTheme = document.querySelector(".toggle-theme"), + btnScrollToTop = document.querySelector(".top"); + + + /* ======================================================= + // Menu + Search + Theme Switcher + ======================================================= */ + menuToggle.addEventListener("click", () => { + menu(); + }); + + searchOpenIcon.addEventListener("click", () => { + searchOpen(); + }); + + searchCloseIcon.addEventListener("click", () => { + searchClose(); + }); + + + // Menu + function menu() { + menuToggle.classList.toggle("is-open"); + menuList.classList.toggle("is-visible"); + } + + // Search + function searchOpen() { + search.classList.add("is-visible"); + body.classList.add("search-is-visible"); + globalWrap.classList.add("is-active"); + menuToggle.classList.remove("is-open"); + menuList.classList.remove("is-visible"); + setTimeout(function () { + searchInput.focus(); + }, 250); + } + + function searchClose() { + search.classList.remove("is-visible"); + body.classList.remove("search-is-visible"); + globalWrap.classList.remove("is-active"); + } + + searchBox.addEventListener("keydown", function(event) { + if (event.target == this || event.keyCode == 27) { + search.classList.remove('is-visible'); + body.classList.remove("search-is-visible"); + globalWrap.classList.remove("is-active"); + } + }); + + + // Theme Switcher + if (toggleTheme) { + toggleTheme.addEventListener("click", () => { + darkMode(); + }); + }; + + function darkMode() { + if (html.classList.contains('dark-mode')) { + html.classList.remove('dark-mode'); + localStorage.removeItem("theme"); + document.documentElement.removeAttribute("dark"); + } else { + html.classList.add('dark-mode'); + localStorage.setItem("theme", "dark"); + document.documentElement.setAttribute("dark", ""); + } + }; + + + /* ================================================================ + // Stop Animations During Window Resizing and Switching Theme Modes + ================================================================ */ + let disableTransition; + + if (toggleTheme) { + toggleTheme.addEventListener("click", () => { + stopAnimation(); + }); + } + + window.addEventListener("resize", () => { + stopAnimation(); + }); + + function stopAnimation() { + document.body.classList.add("disable-animation"); + clearTimeout(disableTransition); + disableTransition = setTimeout(() => { + document.body.classList.remove("disable-animation"); + }, 100); + }; + + + // ===================== + // Simple Jekyll Search + // ===================== + SimpleJekyllSearch({ + searchInput: document.getElementById("js-search-input"), + resultsContainer: document.getElementById("js-results-container"), + json: "/search.json", + searchResultTemplate: '
{title}
{title}
', + noResultsText: '

No results found...

' + }); + + + /* ======================= + // Responsive Videos + ======================= */ + reframe(".post__content iframe:not(.reframe-off), .page__content iframe:not(.reframe-off)"); + + + /* ======================= + // LazyLoad Images + ======================= */ + const lazyLoadInstance = new LazyLoad({ + elements_selector: ".lazy" + }); + + + /* ======================= + // Zoom Image + ======================= */ + const lightense = document.querySelector(".page__content img, .post__content img, .gallery__image img"), + imageLink = document.querySelectorAll(".page__content a img, .post__content a img, .gallery__image a img"); + + if (imageLink) { + for (const i = 0; i < imageLink.length; i++) imageLink[i].parentNode.classList.add("image-link"); + for (const i = 0; i < imageLink.length; i++) imageLink[i].classList.add("no-lightense"); + }; + + if (lightense) { + Lightense(".page__content img:not(.no-lightense), .post__content img:not(.no-lightense), .gallery__image img:not(.no-lightense)", { + padding: 60, + offset: 30 + }); + }; + + + /* ======================= + // Convert Hex to RGBA + ======================= */ + const hex2rgba = (hex, alpha = 0.15) => { + const [r, g, b] = hex.match(/\w\w/g).map(x => parseInt(x, 16)); + return `rgba(${r},${g},${b},${alpha})`; + }; + const imageCover = document.querySelectorAll('.tag-color-js'); + + + // Adds a linear gradient to posts + function linearGradient() { + for (var i = 0; i < imageCover.length; i++) { + const dataAttribute = hex2rgba(imageCover[i].getAttribute('data-accent')); + imageCover[i].style.background= dataAttribute; + } + }; + + linearGradient(); + + + /* ======================= + // Scroll Top Button + ======================= */ + btnScrollToTop.addEventListener("click", function () { + if (window.scrollY != 0) { + window.scrollTo({ + top: 0, + left: 0, + behavior: "smooth" + }) + } + }); + +}); \ No newline at end of file diff --git a/js/scripts.js b/js/scripts.js new file mode 100644 index 0000000..b30729c --- /dev/null +++ b/js/scripts.js @@ -0,0 +1,46 @@ +/* Lightense Images + ==================================================== + Version : 1.0.10 + Website : https://sparanoid.com/work/lightense-images/ + Repo : https://github.com/sparanoid/lightense-images + Author : Tunghsiao Liu + License : MIT + ==================================================== */ + +!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Lightense=t():e.Lightense=t()}(window,function(){return r={},i.m=n=[function(e,t){function n(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function l(i){for(var e=1;e=w.offset&&a()}function s(e){e.preventDefault(),27===e.keyCode&&a()}return function(e){var t=1{title}',templateMiddleware:Function.prototype,sortMiddleware:function(){return 0},noResultsText:"No results found",limit:10,fuzzy:!1,debounceTime:null,exclude:[]},n;const e=function(t,e){e?(clearTimeout(n),n=setTimeout(t,e)):t.call()};var r=["searchInput","resultsContainer","json"];const o=m({required:r});function u(t){d.put(t),i.searchInput.addEventListener("input",function(t){-1===[13,16,20,37,38,39,40,91].indexOf(t.which)&&(c(),e(function(){l(t.target.value)},i.debounceTime))})}function c(){i.resultsContainer.innerHTML=""}function s(t){i.resultsContainer.innerHTML+=t}function l(t){var e;(e=t)&&01,r={elements_selector:".lazy",container:e||t?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},c=function(t){return n({},r,t)},l=function(n,t){var e,i=new n(t);try{e=new CustomEvent("LazyLoad::Initialized",{detail:{instance:i}})}catch(n){(e=document.createEvent("CustomEvent")).initCustomEvent("LazyLoad::Initialized",!1,!1,{instance:i})}window.dispatchEvent(e)},s=function(n,t){return n.getAttribute("data-"+t)},u=function(n,t,e){var i="data-"+t;null!==e?n.setAttribute(i,e):n.removeAttribute(i)},d=function(n){return s(n,"ll-status")},f=function(n,t){return u(n,"ll-status",t)},_=function(n){return f(n,null)},g=function(n){return null===d(n)},v=function(n){return"native"===d(n)},p=["loading","loaded","applied","error"],b=function(n,t,e,i){n&&(void 0===i?void 0===e?n(t):n(t,e):n(t,e,i))},h=function(n,t){a?n.classList.add(t):n.className+=(n.className?" ":"")+t},m=function(n,t){a?n.classList.remove(t):n.className=n.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},E=function(n){return n.llTempImage},I=function(n,t){if(t){var e=t._observer;e&&e.unobserve(n)}},y=function(n,t){n&&(n.loadingCount+=t)},A=function(n,t){n&&(n.toLoadCount=t)},L=function(n){for(var t,e=[],i=0;t=n.children[i];i+=1)"SOURCE"===t.tagName&&e.push(t);return e},w=function(n,t,e){e&&n.setAttribute(t,e)},z=function(n,t){n.removeAttribute(t)},k=function(n){return!!n.llOriginalAttrs},O=function(n){if(!k(n)){var t={};t.src=n.getAttribute("src"),t.srcset=n.getAttribute("srcset"),t.sizes=n.getAttribute("sizes"),n.llOriginalAttrs=t}},C=function(n){if(k(n)){var t=n.llOriginalAttrs;w(n,"src",t.src),w(n,"srcset",t.srcset),w(n,"sizes",t.sizes)}},N=function(n,t){w(n,"sizes",s(n,t.data_sizes)),w(n,"srcset",s(n,t.data_srcset)),w(n,"src",s(n,t.data_src))},x=function(n){z(n,"src"),z(n,"srcset"),z(n,"sizes")},M=function(n,t){var e=n.parentNode;e&&"PICTURE"===e.tagName&&L(e).forEach(t)},R=function(n,t){L(n).forEach(t)},G={IMG:function(n,t){M(n,(function(n){O(n),N(n,t)})),O(n),N(n,t)},IFRAME:function(n,t){w(n,"src",s(n,t.data_src))},VIDEO:function(n,t){R(n,(function(n){w(n,"src",s(n,t.data_src))})),w(n,"poster",s(n,t.data_poster)),w(n,"src",s(n,t.data_src)),n.load()}},T=function(n,t){var e=G[n.tagName];e&&e(n,t)},D=function(n,t,e){y(e,1),h(n,t.class_loading),f(n,"loading"),b(t.callback_loading,n,e)},F={IMG:function(n,t){u(n,t.data_src,null),u(n,t.data_srcset,null),u(n,t.data_sizes,null),M(n,(function(n){u(n,t.data_srcset,null),u(n,t.data_sizes,null)}))},IFRAME:function(n,t){u(n,t.data_src,null)},VIDEO:function(n,t){u(n,t.data_src,null),u(n,t.data_poster,null),R(n,(function(n){u(n,t.data_src,null)}))}},V=function(n,t){u(n,t.data_bg_multi,null),u(n,t.data_bg_multi_hidpi,null)},j=function(n,t){var e=F[n.tagName];e?e(n,t):function(n,t){u(n,t.data_bg,null),u(n,t.data_bg_hidpi,null)}(n,t)},P=["IMG","IFRAME","VIDEO"],S=function(n,t){!t||function(n){return n.loadingCount>0}(t)||function(n){return n.toLoadCount>0}(t)||b(n.callback_finish,t)},U=function(n,t,e){n.addEventListener(t,e),n.llEvLisnrs[t]=e},$=function(n,t,e){n.removeEventListener(t,e)},q=function(n){return!!n.llEvLisnrs},H=function(n){if(q(n)){var t=n.llEvLisnrs;for(var e in t){var i=t[e];$(n,e,i)}delete n.llEvLisnrs}},B=function(n,t,e){!function(n){delete n.llTempImage}(n),y(e,-1),function(n){n&&(n.toLoadCount-=1)}(e),m(n,t.class_loading),t.unobserve_completed&&I(n,e)},J=function(n,t,e){var i=E(n)||n;q(i)||function(n,t,e){q(n)||(n.llEvLisnrs={});var i="VIDEO"===n.tagName?"loadeddata":"load";U(n,i,t),U(n,"error",e)}(i,(function(a){!function(n,t,e,i){var a=v(t);B(t,e,i),h(t,e.class_loaded),f(t,"loaded"),j(t,e),b(e.callback_loaded,t,i),a||S(e,i)}(0,n,t,e),H(i)}),(function(a){!function(n,t,e,i){var a=v(t);B(t,e,i),h(t,e.class_error),f(t,"error"),b(e.callback_error,t,i),a||S(e,i)}(0,n,t,e),H(i)}))},K=function(n,t,e){!function(n){n.llTempImage=document.createElement("IMG")}(n),J(n,t,e),function(n,t,e){var i=s(n,t.data_bg),a=s(n,t.data_bg_hidpi),r=o&&a?a:i;r&&(n.style.backgroundImage='url("'.concat(r,'")'),E(n).setAttribute("src",r),D(n,t,e))}(n,t,e),function(n,t,e){var i=s(n,t.data_bg_multi),a=s(n,t.data_bg_multi_hidpi),r=o&&a?a:i;r&&(n.style.backgroundImage=r,function(n,t,e){h(n,t.class_applied),f(n,"applied"),V(n,t),t.unobserve_completed&&I(n,t),b(t.callback_applied,n,e)}(n,t,e))}(n,t,e)},Q=function(n,t,e){!function(n){return P.indexOf(n.tagName)>-1}(n)?K(n,t,e):function(n,t,e){J(n,t,e),T(n,t),D(n,t,e)}(n,t,e)},W=["IMG","IFRAME"],X=function(n){return n.use_native&&"loading"in HTMLImageElement.prototype},Y=function(n,t,e){n.forEach((function(n){return function(n){return n.isIntersecting||n.intersectionRatio>0}(n)?function(n,t,e,i){f(n,"entered"),function(n,t,e){t.unobserve_entered&&I(n,e)}(n,e,i),b(e.callback_enter,n,t,i),function(n){return p.indexOf(d(n))>=0}(n)||Q(n,e,i)}(n.target,n,t,e):function(n,t,e,i){g(n)||(function(n,t,e,i){e.cancel_on_exit&&function(n){return"loading"===d(n)}(n)&&"IMG"===n.tagName&&(H(n),function(n){M(n,(function(n){x(n)})),x(n)}(n),function(n){M(n,(function(n){C(n)})),C(n)}(n),m(n,e.class_loading),y(i,-1),_(n),b(e.callback_cancel,n,t,i))}(n,t,e,i),b(e.callback_exit,n,t,i))}(n.target,n,t,e)}))},Z=function(n){return Array.prototype.slice.call(n)},nn=function(n){return n.container.querySelectorAll(n.elements_selector)},tn=function(n){return function(n){return"error"===d(n)}(n)},en=function(n,t){return function(n){return Z(n).filter(g)}(n||nn(t))},an=function(n,e){var a=c(n);this._settings=a,this.loadingCount=0,function(n,t){i&&!X(n)&&(t._observer=new IntersectionObserver((function(e){Y(e,n,t)}),function(n){return{root:n.container===document?null:n.container,rootMargin:n.thresholds||n.threshold+"px"}}(n)))}(a,this),function(n,e){t&&window.addEventListener("online",(function(){!function(n,t){var e;(e=nn(n),Z(e).filter(tn)).forEach((function(t){m(t,n.class_error),_(t)})),t.update()}(n,e)}))}(a,this),this.update(e)};return an.prototype={update:function(n){var t,a,o=this._settings,r=en(n,o);A(this,r.length),!e&&i?X(o)?function(n,t,e){n.forEach((function(n){-1!==W.indexOf(n.tagName)&&(n.setAttribute("loading","lazy"),function(n,t,e){J(n,t,e),T(n,t),j(n,t),f(n,"native")}(n,t,e))})),A(e,0)}(r,o,this):(a=r,function(n){n.disconnect()}(t=this._observer),function(n,t){t.forEach((function(t){n.observe(t)}))}(t,a)):this.loadAll(r)},destroy:function(){this._observer&&this._observer.disconnect(),nn(this._settings).forEach((function(n){delete n.llOriginalAttrs})),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(n){var t=this,e=this._settings;en(n,e).forEach((function(n){I(n,t),Q(n,e,t)}))}},an.load=function(n,t){var e=c(t);Q(n,e)},an.resetStatus=function(n){_(n)},t&&function(n,t){if(t)if(t.length)for(var e,i=0;e=t[i];i+=1)l(n,e);else l(n,t)}(an,window.lazyLoadOptions),an})); \ No newline at end of file diff --git a/search.json b/search.json new file mode 100755 index 0000000..ce363ef --- /dev/null +++ b/search.json @@ -0,0 +1,15 @@ +--- +layout: null +--- +[ + {% for post in site.posts %} + { + "title" : "{{ post.title | escape }}", + "category" : "{{ post.category }}", + "tags" : "{{ post.tags | array_to_sentence_string }}", + "url" : "{{ site.baseurl }}{{ post.url }}", + "date" : "{{ post.date | date_to_long_string }}", + "image" : "{{ post.image }}" + } {% unless forloop.last %},{% endunless %} + {% endfor %} +] \ No newline at end of file diff --git a/videos/index.html b/videos/index.html new file mode 100644 index 0000000..3a07e95 --- /dev/null +++ b/videos/index.html @@ -0,0 +1,95 @@ +--- +layout: default +title: Videos +description: Commercials, Music Videos, Television, Film (Short and Feature length), TV News, Corporate video, and everything in between. +--- + + +
+
+
+
+
+

{% if page.title %}{{ page.title }}{% else %}{{ site.data.settings.videos__settings.videos__title }}{% endif %}

+ {% if page.description %} +

{{ page.description }}

+ {% else site.data.settings.videos__settings.videos__description %} +

{{ site.data.settings.videos__settings.videos__description }}

+ {% endif %} +
+
+
+
+
+ + +
+ {% assign sorted = site.posts | where_exp: 'post', "post.video_embed != nil" %} +
+ {% for post in sorted %} + {% if post.video_embed %} +
+
+ +
+ +
+ + + +
+ + {% if post.image %} + + {% endif %} + +
+ +
+ + {% if post.tags.size >= 1 %} +
+ {% for tag in post.tags %} + {{ tag }} + {% endfor %} +
+ {% endif %} + +

+ {{ post.title }} +

+ +

{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 160 }}{% endif %}

+ +
+ {% assign author = site.authors | where: 'username', post.author | first %} + + {% if author %} + + {{ author.name }} + + {% else %} + + {{site.data.settings.author.author__name}} + + {% endif %} + +
+ {% if author %} + {{ author.name }} + {% else %} + {{site.data.settings.author.author__name}} + {% endif %} + +
+
+ +
+
+
+ {% endif %} + {% endfor %} +
+
\ No newline at end of file