From bed1f3cf510b07facead15dee0da0a4a9e6bf074 Mon Sep 17 00:00:00 2001
From: wowthemesnet <wowthemesnet@gmail.com>
Date: Thu, 16 May 2019 16:49:05 +0300
Subject: [PATCH] optimized for 1920x1080 resolution

---
 Gemfile.lock                  |  9 +++++----
 _includes/main-loop-card.html |  2 +-
 _layouts/post.html            |  6 +++---
 assets/css/theme.css          | 19 ++++++++++++++++++-
 docker-compose.yml            |  7 +++++++
 index.html                    | 10 +++++-----
 6 files changed, 39 insertions(+), 14 deletions(-)
 create mode 100644 docker-compose.yml

diff --git a/Gemfile.lock b/Gemfile.lock
index f9d5160896..12302480c9 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -8,7 +8,9 @@ GEM
     em-websocket (0.5.1)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
+    eventmachine (1.2.7)
     eventmachine (1.2.7-x64-mingw32)
+    ffi (1.10.0)
     ffi (1.10.0-x64-mingw32)
     forwardable-extended (2.6.0)
     http_parser.rb (0.6.0)
@@ -59,9 +61,9 @@ GEM
     sass-listen (4.0.0)
       rb-fsevent (~> 0.9, >= 0.9.4)
       rb-inotify (~> 0.9, >= 0.9.7)
-    wdm (0.1.1)
 
 PLATFORMS
+  ruby
   x64-mingw32
 
 DEPENDENCIES
@@ -69,10 +71,9 @@ DEPENDENCIES
   jekyll-paginate
   jekyll-seo-tag
   jekyll-sitemap
-  wdm (>= 0.1.0)
 
 RUBY VERSION
-   ruby 2.5.1p57
+   ruby 2.6.3p62
 
 BUNDLED WITH
-   1.16.4
+   2.0.1
diff --git a/_includes/main-loop-card.html b/_includes/main-loop-card.html
index 0d62b2897a..f970a89f1c 100644
--- a/_includes/main-loop-card.html
+++ b/_includes/main-loop-card.html
@@ -20,7 +20,7 @@ <h2 class="mb-1 h4 font-weight-bold">
 {% if post.image %}
 	<div class="col-md-3 pr-0 text-right">
 	<a href="{{site.baseurl}}{{post.url}}">
-	<img class="w-100" src="{% if post.image contains "://" %}{{ post.image }}{% else %}{{ post.image | absolute_url }}{% endif %}" alt="{{ post.title }}">
+	<img class="w-100" src="{% if post.image contains "://" %}{{ post.image }}{% else %}{{ site.baseurl }}/{{ post.image }}{% endif %}" alt="{{ post.title }}">
 	</a>
 	</div>
 {% endif %}
diff --git a/_layouts/post.html b/_layouts/post.html
index 4fa791210f..52b8739a30 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -26,7 +26,7 @@ <h1 class="display-4 mb-4 article-headline">{{ page.title }}</h1>
 				</div>
                 {% if page.image %}
 				<div class="col-md-6 pr-0 align-self-center">
-					<img class="rounded" src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ page.image | absolute_url }}{% endif %}" alt="{{ page.title }}">
+					<img class="rounded" src="{% if page.image contains "://" %}{{ page.image }}{% else %}{{ site.baseurl }}/{{ page.image }}{% endif %}" alt="{{ page.title }}">
 				</div>
                 {% endif %}
 			</div>
@@ -138,12 +138,12 @@ <h5 class="font-weight-bold">Written by {{ author.name }} {% if author.twitter %
         <div class="row prevnextlinks small font-weight-bold">
           {% if page.previous.url %}
             <div class="col-md-6 rightborder pl-0">
-                <a class="text-dark" href="{{page.previous.url | absolute_url}}">{% if page.previous.image %} <img height="30px" class="mr-1" src="{{page.previous.image | absolute_url}}"> {% endif %} {{page.previous.title}}</a>
+                <a class="text-dark" href="{{ site.baseurl }}{{ page.previous.url }}">{% if page.previous.image %} <img height="30px" class="mr-1" src="{{site.baseurl}}/{{page.previous.image}}"> {% endif %} {{page.previous.title}}</a>
             </div>
           {% endif %}
           {% if page.next.url %}
             <div class="col-md-6 text-right pr-0">
-                <a class="text-dark" href="{{page.next.url | absolute_url}}"> {{page.next.title}} {% if page.next.image %} <img height="30px" class="ml-1" src="{{page.next.image | absolute_url}}"> {% endif %}</a>
+                <a class="text-dark" href="{{ site.baseurl }}{{ page.next.url }}"> {{page.next.title}} {% if page.next.image %} <img height="30px" class="ml-1" src="{{site.baseurl}}/{{page.next.image}}"> {% endif %}</a>
             </div>
           {% endif %}
         </div>
diff --git a/assets/css/theme.css b/assets/css/theme.css
index 8769afa3a6..088c077887 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -786,4 +786,21 @@ a.a2a_i, i.a2a_i, .a2a_menu a.a2a_i:visited, .a2a_menu a.a2a_more {
     font-size:13px !important;
     color:#999 !important;
 }
-div.a2a_full_footer {display:none;}
\ No newline at end of file
+div.a2a_full_footer {display:none;}
+@media (min-width: 1920px) {
+	html {font-size:17px;}
+	.container, .container-lg {    
+	 width: 1522px;
+	 max-width: 1522px;
+	 }
+	 h6,.h6 { 
+		 font-size: 1.1rem; 
+	 }
+	 article {
+		 font-size:1.24rem;
+	 }
+	 .topfirstimage {
+		 height:280px !Important;
+	 }
+ }
+ 
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000000..6feb3627ef
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,7 @@
+jekyll:
+    image: jekyll/jekyll:latest
+    command: jekyll serve --force_polling
+    ports:
+        - 4000:4000
+    volumes:
+        - .:/srv/jekyll
\ No newline at end of file
diff --git a/index.html b/index.html
index 3aed0b5277..47d007f79a 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
     <div class="col-md-6">
     <div class="card border-0 mb-4 box-shadow">   
     <a href="{{site.baseurl}}{{latest_post.url}}">
-    <div style="background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height: 200px;    background-size: cover;    background-repeat: no-repeat;"></div>     
+    <div class="topfirstimage" style="background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height: 200px;    background-size: cover;    background-repeat: no-repeat;"></div>     
     </a>
     <div class="card-body px-0 pb-0 d-flex flex-column align-items-start">
     <h2 class="h4 font-weight-bold">
@@ -81,7 +81,7 @@ <h2 class="mb-2 h6 font-weight-bold">
                 {% if third_post.image %}
                 <div class="col-md-4">
                 <a href="{{site.baseurl}}{{third_post.url}}">
-                 <img class="w-100" src="{% if third_post.image contains "://" %}{{ third_post.image }}{% else %}{{ third_post.image | absolute_url }}{% endif %}" alt="{{ third_post.title }}">
+                 <img class="w-100" src="{% if third_post.image contains "://" %}{{ third_post.image }}{% else %}{{site.baseurl}}/{{ third_post.image }}{% endif %}" alt="{{ third_post.title }}">
                 </a>
                 </div>
                 {% endif %}                
@@ -108,7 +108,7 @@ <h2 class="mb-2 h6 font-weight-bold">
                 {% if fourth_post.image %}
                 <div class="col-md-4">
                 <a href="{{site.baseurl}}{{fourth_post.url}}">
-                <img class="w-100" src="{% if fourth_post.image contains "://" %}{{ fourth_post.image }}{% else %}{{ fourth_post.image | absolute_url }}{% endif %}" alt="{{ fourth_post.title }}">
+                <img class="w-100" src="{% if fourth_post.image contains "://" %}{{ fourth_post.image }}{% else %}{{site.baseurl}}/{{ fourth_post.image }}{% endif %}" alt="{{ fourth_post.title }}">
                 </a>
                 </div>
                 {% endif %}                
@@ -136,7 +136,7 @@ <h2 class="mb-2 h6 font-weight-bold">
 <!-- Sticky - add sticky tag to the post you want to highlight here - tags: [sticky] -->
 {% for post in site.posts %} 
 {% if post.tags contains "sticky" %}
-<div class="jumbotron jumbotron-fluid jumbotron-home pt-0 pb-0 mb-2rem bg-lightblue position-relative">
+<div class="jumbotron jumbotron-fluid jumbotron-home pt-0 pb-0 mt-3 mb-2rem bg-lightblue position-relative">
     <div class="pl-4 pr-0 h-100 tofront">
         <div class="row justify-content-between">
             <div class="col-md-6 pt-6 pb-6 pr-lg-4 align-self-center">
@@ -146,7 +146,7 @@ <h1 class="mb-3">{{post.title}}</h1>
                 </p>
                 <a href="{{site.baseurl}}{{post.url}}" class="btn btn-dark">Read More</a>
             </div>
-            <div class="col-md-6 d-none d-md-block pr-0" style="background-size:cover;background-image:url({{post.image | absolute_url}});">	
+            <div class="col-md-6 d-none d-md-block pr-0" style="background-size:cover;background-image:url({{site.baseurl}}/{{ post.image }});">	
             </div>
         </div>
     </div>