diff --git a/content/pages/how-it-works.rst b/content/pages/how-it-works.rst index b4b7d18..be74c2a 100644 --- a/content/pages/how-it-works.rst +++ b/content/pages/how-it-works.rst @@ -1 +1,2 @@ -:title: How It Works \ No newline at end of file +:title: How It Works +:template: how-it-works \ No newline at end of file diff --git a/ge-theme/static/css/home-styles.css b/ge-theme/static/css/home-styles.css index ede99a5..bb3f9a1 100644 --- a/ge-theme/static/css/home-styles.css +++ b/ge-theme/static/css/home-styles.css @@ -6,7 +6,7 @@ padding: 20px; } .height-row{ - height: 60%; + height: 80%; } .img-style{ padding-left: 180px; @@ -24,6 +24,26 @@ max-height: 400px; max-width: 300px; } +.words-col-wrapper{ + box-sizing: border-box; + margin: auto; + border-style: solid; + border-color: #0040D0; + max-height: 600px; + max-width: 400px; +} +.h2-title{ + padding-top: 30px; + font-size: 30px; + text-align: center; +} +.row-2-words{ + font-size: 20px; + text-align: center; +} +.row-margin{ + margin-bottom: 50px; +} @media only screen and (max-width: 480px){ .img-style{ padding-left: 20px; @@ -35,12 +55,9 @@ font-size: 30px; } .wrapper-col{ - margin-top: 20px; - margin-left: 70px; - /*margin-right: 20px;*/ + margin: auto; max-width: 200px; max-height: 400px; - border-color: #ff4c85; - + /*border-color: #ff4c85;*/ } } \ No newline at end of file diff --git a/ge-theme/static/images/home-imgs/home-img2.webp b/ge-theme/static/images/home-imgs/home-img2.webp new file mode 100644 index 0000000..2c11644 Binary files /dev/null and b/ge-theme/static/images/home-imgs/home-img2.webp differ diff --git a/ge-theme/templates/home-template.html b/ge-theme/templates/home-template.html index 77c94fd..a50a3d1 100644 --- a/ge-theme/templates/home-template.html +++ b/ge-theme/templates/home-template.html @@ -7,8 +7,8 @@ {% endblock %} {% block content %} -
-
+
+
img-gif
@@ -19,5 +19,17 @@
+
+
+
+

Ending poverty lies in building communities

+

Through Community Inclusion Currencies people have a way to exchange goods and services and incubate projects and businesses, without relying on scarce national currency and volatile markets.

+ how it works +
+
+
+ +
+
{% endblock %} \ No newline at end of file diff --git a/ge-theme/templates/how-it-works.html b/ge-theme/templates/how-it-works.html new file mode 100644 index 0000000..e69de29 diff --git a/output/pages/home.html b/output/pages/home.html index a669cc4..23c0131 100644 --- a/output/pages/home.html +++ b/output/pages/home.html @@ -49,8 +49,8 @@ -
-
+
+
img-gif
@@ -61,6 +61,18 @@
+
+
+
+

Ending poverty lies in building communities

+

Through Community Inclusion Currencies people have a way to exchange goods and services and incubate projects and businesses, without relying on scarce national currency and volatile markets.

+ how it works +
+
+
+ +
+
diff --git a/output/pages/how-it-works.html b/output/pages/how-it-works.html index 5060b26..e69de29 100644 --- a/output/pages/how-it-works.html +++ b/output/pages/how-it-works.html @@ -1,58 +0,0 @@ - - - - grassroots-pelican - How It Works - - - - - - - - - - - - - - - - - - - - - - - - -

How It Works

- - - - - - - \ No newline at end of file diff --git a/output/theme/css/home-styles.css b/output/theme/css/home-styles.css index ede99a5..bb3f9a1 100644 --- a/output/theme/css/home-styles.css +++ b/output/theme/css/home-styles.css @@ -6,7 +6,7 @@ padding: 20px; } .height-row{ - height: 60%; + height: 80%; } .img-style{ padding-left: 180px; @@ -24,6 +24,26 @@ max-height: 400px; max-width: 300px; } +.words-col-wrapper{ + box-sizing: border-box; + margin: auto; + border-style: solid; + border-color: #0040D0; + max-height: 600px; + max-width: 400px; +} +.h2-title{ + padding-top: 30px; + font-size: 30px; + text-align: center; +} +.row-2-words{ + font-size: 20px; + text-align: center; +} +.row-margin{ + margin-bottom: 50px; +} @media only screen and (max-width: 480px){ .img-style{ padding-left: 20px; @@ -35,12 +55,9 @@ font-size: 30px; } .wrapper-col{ - margin-top: 20px; - margin-left: 70px; - /*margin-right: 20px;*/ + margin: auto; max-width: 200px; max-height: 400px; - border-color: #ff4c85; - + /*border-color: #ff4c85;*/ } } \ No newline at end of file diff --git a/output/theme/css/home-styles.css~ b/output/theme/css/home-styles.css~ index c569eb6..e6cd00b 100644 --- a/output/theme/css/home-styles.css~ +++ b/output/theme/css/home-styles.css~ @@ -1,9 +1,6 @@ .row-one-words{ text-align: center; font-size: 40px; - padding-top: 100px; - padding-left: 150px; - padding-right: 150px; } .row-one-img{ padding: 20px; @@ -12,12 +9,51 @@ height: 60%; } .img-style{ - height: 400px; - width: 400px; + padding-left: 180px; + padding-top: 60px; + max-height: 700px; + max-width: 700px; } -/*.wrapper-col{*/ -/* !*left: 25%; !important;*!*/ -/* padding-right: 40px; !important;*/ -/* padding-left: 40px; !important;*/ -/*}*/ \ No newline at end of file +.wrapper-col{ + margin-top: 100px; + margin-left: 150px; + border-style: solid; + border-color: #ffffff; + box-sizing: border-box; + max-height: 400px; + max-width: 300px; +} +.words-col-wrapper{ + box-sizing: border-box; + margin: auto; + border-style: solid; + border-color: #0040D0; + max-height: 500px; + max-width: 400px; +} +.h2-title{ + font-size: 30px; + text-align: center; +} +.row-2-words{ + font-size: 20px; + text-align: center; +} +@media only screen and (max-width: 480px){ + .img-style{ + padding-left: 20px; + padding-top: 10px; + max-height: 400px; + max-width: 400px; + } + .row-one-words{ + font-size: 30px; + } + .wrapper-col{ + margin: auto; + max-width: 200px; + max-height: 400px; + /*border-color: #ff4c85;*/ + } +} \ No newline at end of file diff --git a/output/theme/images/home-imgs/home-img2.webp b/output/theme/images/home-imgs/home-img2.webp new file mode 100644 index 0000000..2c11644 Binary files /dev/null and b/output/theme/images/home-imgs/home-img2.webp differ