diff --git a/content/community/community-bg.png b/content/community/community-bg.png new file mode 100644 index 00000000..b5addb2b Binary files /dev/null and b/content/community/community-bg.png differ diff --git a/content/community/index.md b/content/community/index.md index 1f28d0b0..c14d95ae 100644 --- a/content/community/index.md +++ b/content/community/index.md @@ -5,7 +5,9 @@ template: community.html weight: 10 extra: menu_title: Community - hero_image: donate/donate.png + menu_title_pre: Home + community_hero_description: Organic Maps is created and maintained by people like you + hero_image: community/community-bg.png preview_image: donate/donate.png community_card_title_1: Join the discussion community_card_description_1: Report, bugs, discuss idea, and propose features @@ -20,4 +22,7 @@ extra: community_card_title_6: Design & Product Management community_card_description_6: Shape the direction of the product and the user experience stay_connected_section_title: Stay Connected + donate: + title: Donate + description: The app runs on your donations, help improve it --- diff --git a/sass/common/bred-crum.scss b/sass/common/bred-crum.scss new file mode 100644 index 00000000..19818a43 --- /dev/null +++ b/sass/common/bred-crum.scss @@ -0,0 +1,10 @@ +.bred-crum { + padding: 15rem 0 0; + &--active { + text-decoration: none; + } + &__row { + display: flex; + gap: 10rem; + } +} \ No newline at end of file diff --git a/sass/common/header.scss b/sass/common/header.scss index 4ea0db29..780dea8c 100644 --- a/sass/common/header.scss +++ b/sass/common/header.scss @@ -5,18 +5,22 @@ left: 0; top: 0; width: 100%; - padding: 14rem 0; z-index: 100; + @media (max-width: $media-md) { background-color: var(--common-green-primery); + } + &__container { + padding: 14rem 16rem; display: flex; justify-content: space-between; align-items: center; position: relative; } - &__link a{ + + &__link a { text-decoration: none; font: var(--nav-link); color: var(--common-white); @@ -35,6 +39,7 @@ color: var(--common-green); } } + &__row { display: flex; justify-content: space-between; @@ -54,7 +59,7 @@ flex-direction: column; gap: 16rem; z-index: 80; - transition:left var(--transition), opacity var(--transition); + transition: left var(--transition), opacity var(--transition); &.is-active { left: 0; @@ -62,15 +67,17 @@ } } } + &__btn { @media (max-width: $media-md) { margin-left: auto; .button--main { padding: 8rem 12rem; - min-width:107rem; + min-width: 107rem; } } } + &__ul { display: flex; @media (max-width: $media-md) { @@ -83,66 +90,87 @@ border-bottom: 1rem solid var(--common-green-border); } } + &__menu-btn { display: none; @media (max-width: $media-md) { - display: block; - padding: 8rem 0 8rem 8rem ; + padding: 8rem 0 8rem 8rem; margin-left: 20rem; display: flex; align-items: center; } } + &__item { text-align: center; } + &__mobile { display: none; @media (max-width: $media-md) { display: block; } } + &__app-link { padding-bottom: 30rem; display: grid; grid-template-columns: 1fr 1fr; gap: 16rem 0; + a { display: block; width: 100%; } + svg { width: 100%; } } + &__card { padding: 20rem 0; } + &__icon-title { color: var(--common-black); } + &__icon-text { color: var(--common-grey-v2); margin-bottom: 20rem; } + &__line { - background-color: var( --common-line-color); + background-color: var(--common-line-color); height: 1rem; max-width: 240rem; margin: 0 auto; } + &--green { + animation: header-play 2.2s ease-in-out; background-color: var(--common-green-primery); + .header { - &__logo { - transition: color var(--transition); - color: var(--common-green); - } - &__link a{ - transition: color var(--transition); - color: var(--common-black); - } + &__logo { + transition: color var(--transition); + color: var(--common-green); + } + + &__link a { + transition: color var(--transition); + color: var(--common-black); + } } } } +@keyframes header-play { + from{ + max-height: 0; + } + to { + max-height: 1200rem; + } +} diff --git a/sass/component/animation.scss b/sass/component/animation.scss index 18dbbc12..607e5c5e 100644 --- a/sass/component/animation.scss +++ b/sass/component/animation.scss @@ -11,7 +11,7 @@ } &--right-play { .animation-item { - left: -20rem!important; + left: 38rem!important; opacity: 1!important; transition: left var(--transition), opacity var(--transition); } @@ -28,7 +28,7 @@ } &--left-play { .animation-item { - right: -20rem!important; + right: 40rem!important; opacity: 1!important; transition: right var(--transition), opacity var(--transition); } @@ -51,5 +51,12 @@ } } + &--play-right-revers { + .animation-item { + left: 170rem!important; + opacity: 1!important; + transition: left var(--transition), opacity var(--transition); + } + } } } diff --git a/sass/component/buttons.scss b/sass/component/buttons.scss index ea59c2d8..983ca909 100644 --- a/sass/component/buttons.scss +++ b/sass/component/buttons.scss @@ -34,8 +34,11 @@ } &--card { - background-color: var(--common-green); + max-width: 170rem; + text-align: left; + background-color: var(--common-green-btn-social); font: var(--p-sub); + gap: 10rem; padding: 8rem; flex-direction: row-reverse; svg { diff --git a/sass/component/header-sub.scss b/sass/component/header-sub.scss new file mode 100644 index 00000000..fe9049c3 --- /dev/null +++ b/sass/component/header-sub.scss @@ -0,0 +1,38 @@ +@import "../variables/media"; + +.hero-sub { + background-size: cover; + padding: var(--menu-height) 0 124rem; + position: relative; + + &:before { + content: ""; + height: 100%; + width: 100%; + display: block; + background: var(--common-green-gradient); + position: absolute; + top: 0; + left: 0; + } + + &__container { + display: flex; + flex-direction: column; + z-index: 10; + position: relative; + } + + &__title { + padding: 60rem 0 22rem; + z-index: 3; + position: relative; + @media (max-width: $media-md) { + padding: 40rem 0 10rem; + } + } + + &__description { + max-width: 346rem; + } +} \ No newline at end of file diff --git a/sass/component/icons.scss b/sass/component/icons.scss new file mode 100644 index 00000000..ed4d50e3 --- /dev/null +++ b/sass/component/icons.scss @@ -0,0 +1,9 @@ +.icon-green { + background-color: var(--common-green); + color: var(--common-white); + width: fit-content; + display: flex; + align-items: center; + padding: 8rem; + border-radius: 8rem; +} \ No newline at end of file diff --git a/sass/main.scss b/sass/main.scss index f2f5f3ae..2ad748c6 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -12,14 +12,18 @@ // Common Style @import "./common/header"; @import "./common/footer"; +@import "./common/bred-crum"; // Component Style @import "./component/lang-switcher"; @import "./component/buttons"; @import "./component/switch-theme"; @import "./component/animation"; +@import "./component/header-sub"; +@import "./component/icons"; // Pages Style @import "./pages/home"; +@import "./pages/community"; diff --git a/sass/pages/community.scss b/sass/pages/community.scss new file mode 100644 index 00000000..412d26e5 --- /dev/null +++ b/sass/pages/community.scss @@ -0,0 +1,153 @@ +@import "../variables/media"; + +.section-community { + padding: var(--container-mob-section) 0; + + &__container { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 84rem 34rem; + @media (max-width: $media-md) { + grid-template-columns: 1fr; + gap: 30rem 34rem; + } + } + + &__img-row { + position: relative; + } + + &__icon { + position: absolute; + bottom: -5rem; + right: 27rem; + } + + &__item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + } + + &__img { + max-width: 370rem; + @media (max-width: $media-md) { + max-width: 100%; + } + } + + &__title { + padding: 20rem 0 0; + } + + &__description { + text-align: center; + } + + &__line { + height: 1rem; + background-color: var(--green-button); + width: 275rem; + margin: 10rem 0; + } +} + +.section-social { + margin-bottom: var(--container-mob-section); + + &__row { + display: flex; + justify-content: center; + gap: 22rem; + @media (max-width: $media-md) { + gap: 6rem; + } + } + + &__title { + color: var(--black-white); + text-align: center; + margin-bottom: 24rem; + @media (max-width: $media-md) { + margin-bottom: 20rem; + } + } + + &__item { + width: 59px; + height: 59px; + border: 2rem solid var(--black-white); + padding: 13rem; + border-radius: 6rem; + display: flex; + align-items: center; + justify-content: center; + + svg { + color: var(--black-white); + } + + a { + display: flex; + } + + @media (max-width: $media-md) { + width: 23px; + height: 23px; + svg { + width: 18px; + height: 18px; + } + } + } +} + +.donate { + background-color: var(--bg-green); + padding: 77rem 0; + margin: 0 var(--container-mob-section) var(--container-mob-section); + border-radius: var(--border-r-24); + @media (max-width: $media-md) { + padding: 20rem 0; + margin: 0 14rem 50rem; + } + + &__container { + display: flex; + align-items: center; + justify-content: space-between; + gap: 30rem; + @media (max-width: $media-md) { + flex-direction: column-reverse; + text-align: center; + } + } + + &__line { + background-color: var(--green-button); + width: 120rem; + height: 1rem; + margin: 20rem 0; + } + + &__content { + max-width: 351rem; + @media (max-width: $media-md) { + display: flex; + flex-direction: column; + align-items: center; + } + } + + &__description { + margin-bottom: 30rem; + color: var(--black-white); + } + + &__img { + svg { + color: var(--green-button); + } + } +} \ No newline at end of file diff --git a/sass/pages/home.scss b/sass/pages/home.scss index 3eb62cd1..4a65e913 100644 --- a/sass/pages/home.scss +++ b/sass/pages/home.scss @@ -224,6 +224,7 @@ margin-bottom: 35rem; margin-left: -50rem; .services__card { justify-content: flex-start; + } .services__img--first { left: auto; @@ -246,7 +247,7 @@ margin-bottom: 35rem; max-width: 498rem; } &__title { - max-width: 357rem; + max-width: 367rem; } &__description { margin: 24rem 0; @@ -258,6 +259,9 @@ margin-bottom: 35rem; display: flex; justify-content: flex-end; overflow: hidden; + &--start { + justify-content: flex-start; + } @media (max-width: $media-md) { width: 100%; display: flex; @@ -276,6 +280,8 @@ margin-bottom: 35rem; &__img { padding: 20rem; z-index: 3; + max-width: 310rem; + @media (max-width: $media-md) { max-width: 140rem; max-height: 240rem; diff --git a/sass/variables/color-theme.scss b/sass/variables/color-theme.scss index 921af75e..2e44cf04 100644 --- a/sass/variables/color-theme.scss +++ b/sass/variables/color-theme.scss @@ -11,6 +11,9 @@ --common-green-border: #99C4AF; --common-line-color: #AEC5BA; --common-black-sub: #26312C; + --common-green-btn-social: #33895E; + + --common-green-gradient: linear-gradient(90deg, #006C35 0%, rgba(0, 96, 49, 0.00) 100%); } // Theme COLOR change diff --git a/sass/variables/fonts.scss b/sass/variables/fonts.scss index 2c481dd2..351e1fad 100644 --- a/sass/variables/fonts.scss +++ b/sass/variables/fonts.scss @@ -6,14 +6,20 @@ --sub-fonst: 'Lato', sans-serif; --h1: 300 48rem/60rem var(--sub-fonst); + --h1-inter: 700 36rem/46rem var(--main-font); --h1-sub: 400 24rem/32rem var(--main-font); + --h1-sub_v2: 300 24rem/32rem var(--main-font); --h3-boold: 700 24rem/32rem var(--main-font); --h4: 500 18rem/28rem var(--main-font); + --h5: 500 20rem/28rem var(--main-font); + --h6: 500 30rem/36rem var(--main-font); --p: 300 18rem/28rem var(--main-font); --p-md: 400 16rem/28rem var(--main-font); --p-sm: 500 14rem/28rem var(--main-font); - --p-sub: 300 12rem/28rem var(--main-font); + --p-sub: 300 12rem/15rem var(--main-font); + --p-card: 300 17rem/24rem var(--main-font); --nav-link: 500 16rem/28rem var(--main-font); + --nav-bred: 400 13rem/18rem var(--main-font); } @media (max-width: $media-md) { @@ -25,8 +31,10 @@ --p-md: 400 16rem/28rem var(--main-font); --p-sm: 500 14rem/28rem var(--main-font); --p-sm-light: 300 14rem/28rem var(--main-font); - --p-sub: 300 12rem/28rem var(--main-font); + --p-sub: 300 12rem/15rem var(--main-font); --nav-link: 500 13rem/24rem var(--main-font); + + --h1-inter: 500 24rem/36rem var(--main-font); } } @@ -35,6 +43,9 @@ font: var(--h1); color: var(--common-white); } +.h1-inter { + font: var( --h1-inter); +} .h1-sub { font: var(--h1-sub); color: var(--common-white); @@ -47,6 +58,10 @@ font: var(--h1-sub); color: var(--black-white); } +.h2-sub_v2{ + font: var(--h1-sub_v2); + color: var(--common-white); +} .h3-bold { font: var( --h3-boold); @@ -56,6 +71,13 @@ font: var(--h4); } +.h5 { + font: var(--h5); + color: var(--black-white); +} +.h6 { + font: var(--h6); +} // Text .p{ font: var(--p); @@ -69,7 +91,14 @@ .p-sm-light { font: var(--p-sm-light); } +.p-card { + font: var(--p-card); +} .nav-link{ font: var(--nav-link); } +.nav-bred { + font: var(--nav-bred); + color: var(--common-white); +} diff --git a/sass/variables/spasing.scss b/sass/variables/spasing.scss index b8bbee46..75feed04 100644 --- a/sass/variables/spasing.scss +++ b/sass/variables/spasing.scss @@ -13,4 +13,6 @@ --container-mob-section: 60rem; --container-mob-padding: 16rem; + + --menu-height: 55rem; } \ No newline at end of file diff --git a/static/images/sections/map-m-2.png b/static/images/sections/map-m-2.png new file mode 100644 index 00000000..12bf54fd Binary files /dev/null and b/static/images/sections/map-m-2.png differ diff --git a/static/images/sections/map-m-3.png b/static/images/sections/map-m-3.png new file mode 100644 index 00000000..77e1c742 Binary files /dev/null and b/static/images/sections/map-m-3.png differ diff --git a/static/images/sections/map-m-4.png b/static/images/sections/map-m-4.png new file mode 100644 index 00000000..a9acce2e Binary files /dev/null and b/static/images/sections/map-m-4.png differ diff --git a/static/images/sections/map-s-1.png b/static/images/sections/map-s-1.png index aba4a629..e0bb7c79 100644 Binary files a/static/images/sections/map-s-1.png and b/static/images/sections/map-s-1.png differ diff --git a/static/images/sections/map-s-2.png b/static/images/sections/map-s-2.png new file mode 100644 index 00000000..8c04a42f Binary files /dev/null and b/static/images/sections/map-s-2.png differ diff --git a/static/images/sections/map-s-3.png b/static/images/sections/map-s-3.png new file mode 100644 index 00000000..ddc5841a Binary files /dev/null and b/static/images/sections/map-s-3.png differ diff --git a/static/images/sections/map-s-4.png b/static/images/sections/map-s-4.png new file mode 100644 index 00000000..ca0beb97 Binary files /dev/null and b/static/images/sections/map-s-4.png differ diff --git a/templates/base.html b/templates/base.html index 31c350a8..b1dfef6b 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,7 +1,7 @@ {%- if page %} -{%- set resource = page %} + {%- set resource = page %} {%- elif section %} -{%- set resource = section %} + {%- set resource = section %} {%- endif %} @@ -9,96 +9,108 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + - + - {% block rss %} - - {% endblock %} + + + + + + - + {% block rss %} + + {% endblock %} - {%- set preview_image = 'images/screenshots/prague.jpg' -%} - {%- if resource.extra.preview_image -%} - {%- set preview_image = resource.extra.preview_image -%} - {%- elif resource.assets %} - {%- set basename = resource.assets[0] | split(pat='/') | last %} - {%- if basename is ending_with('.jpg') or basename is ending_with('.jpeg') or basename is ending_with('.png') or basename is ending_with('.webp') %} - {%- set preview_image = resource.path ~ basename -%} - {%- endif %} - {%- endif %} - - - - - {%- if resource.description -%} - - {%- endif -%} + - - - {%- if resource.description -%} - - {%- endif -%} + {%- set preview_image = 'images/screenshots/prague.jpg' -%} + {%- if resource.extra.preview_image -%} + {%- set preview_image = resource.extra.preview_image -%} + {%- elif resource.assets %} + {%- set basename = resource.assets[0] | split(pat='/') | last %} + {%- if basename is ending_with('.jpg') or basename is ending_with('.jpeg') or basename is ending_with('.png') or basename is ending_with('.webp') %} + {%- set preview_image = resource.path ~ basename -%} + {%- endif %} + {%- endif %} + + + + + {%- if resource.description -%} + + {%- endif -%} - - + + + {%- if resource.description -%} + + {%- endif -%} - {% if resource.date -%} - - {%- endif -%} + + - + {% if resource.date -%} + + {%- endif -%} - {%- block meta -%}{%- endblock %} + - + {%- block meta -%}{%- endblock %} - {{ resource.title }} + - {%- if lang == config.default_language %} - {% include 'components/language_redirect.html' %} - {% endif -%} + {{ resource.title }} - - - + {%- if lang == config.default_language %} + {% include 'components/language_redirect.html' %} + {% endif -%} + + + + -
+
- {% include 'common/header.html' %} + {% include 'common/header.html' %}
- {% block content %}{% endblock %} + {% block content %}{% endblock %}
-
+
- {% include 'shortcodes/switch-theme.html' %} - {% include 'shortcodes/header-switch.html' %} - {% include 'shortcodes/animation-section-js.html' %} - {% include 'shortcodes/paralax.html' %} +{% include 'shortcodes/switch-theme.html' %} +{% include 'shortcodes/header-switch.html' %} +{% include 'shortcodes/animation-section-js.html' %} +{% include 'shortcodes/paralax.html' %} diff --git a/templates/community.html b/templates/community.html index 510424be..c6c51077 100644 --- a/templates/community.html +++ b/templates/community.html @@ -1,105 +1,171 @@ {% extends "base.html" %} + {%- block content %} -{% include 'section/hero.html' %} -
-
- -

- {{ page.extra.community_card_title_1 | safe }} -

-

- {{ page.extra.community_card_description_1 | safe }} -

-
+
+
+ +
+

+ {{ page.extra.menu_title }} +

+

+ {{ page.extra.community_hero_description }} +

-
- -

- {{ page.extra.community_card_title_2 | safe }} -

-

- {{ page.extra.community_card_description_2 | safe }} -

-
+
+
+
-
- -

- {{ page.extra.community_card_title_3 | safe }} -

-

- {{ page.extra.community_card_description_3 | safe }} -

-
-
- -

- {{ page.extra.community_card_title_4 | safe }} -

-

- {{ page.extra.community_card_description_4 | safe }} -

-
-
- -

- {{ page.extra.community_card_title_5 | safe }} -

-

- {{ page.extra.community_card_description_5 | safe }} -

+
+
+
+
+
+ {% include 'ui/icons/community/icon-01.html' %} +
+ img +
+

+ {{ page.extra.community_card_title_1 | safe }} +

+
+

+ {{ page.extra.community_card_description_1 | safe }} +

+
-
-
- -

- {{ page.extra.community_card_title_6 | safe }} +
+
+
+ {% include 'ui/icons/community/icon-02.html' %} +
+ img +
+

+ {{ page.extra.community_card_title_2 | safe }} +

+
+

+ {{ page.extra.community_card_description_2 | safe }} +

+
+ +
+ +
+
+ {% include 'ui/icons/community/icon-03.html' %} +
+ img +
+

+ {{ page.extra.community_card_title_3 | safe }} +

+
+

+ {{ page.extra.community_card_description_3 | safe }} +

+
+
+ +
+
+ {% include 'ui/icons/community/icon-04.html' %} +
+ img +
+

+ {{ page.extra.community_card_title_4 | safe }} +

+
+

+ {{ page.extra.community_card_description_4 | safe }} +

+ +
+
+ +
+
+ {% include 'ui/icons/community/icon-05.html' %} +
+ img +
+

+ {{ page.extra.community_card_title_5 | safe }} +

+
+

+ {{ page.extra.community_card_description_5 | safe }} +

+ +
+
+ +
+
+ {% include 'ui/icons/community/icon-06.html' %} +
+ img +
+

+ {{ page.extra.community_card_title_6 | safe }} +

+
+

+ {{ page.extra.community_card_description_6 | safe }} +

+
+

+
+
+

+ {{ page.extra.stay_connected_section_title | safe }}

-

- {{ page.extra.community_card_description_6 | safe }} -

-
-
-
-

- {{ page.extra.stay_connected_section_title | safe }} -

- - instagram - - - twitter - - - telegram - - - linkedin - - - facebook - - - mastodon - - - mail - - - matrix - - - reddit - - - github - -
-
- donation -
+ + + {%- endblock content %} \ No newline at end of file diff --git a/templates/components/donate-button.html b/templates/components/donate-button.html new file mode 100644 index 00000000..2c4267a3 --- /dev/null +++ b/templates/components/donate-button.html @@ -0,0 +1 @@ +Donate \ No newline at end of file diff --git a/templates/section/hero-sub.html b/templates/section/hero-sub.html new file mode 100644 index 00000000..bdc1d2e5 --- /dev/null +++ b/templates/section/hero-sub.html @@ -0,0 +1,28 @@ + + +
+
+ +
+

+ {{ page.extra.menu_title }} +

+

+ {{ page.extra.community_hero_description }} +

+ +
+
+
\ No newline at end of file diff --git a/templates/section/home-services.html b/templates/section/home-services.html index 895e7e2f..7e23982b 100644 --- a/templates/section/home-services.html +++ b/templates/section/home-services.html @@ -16,11 +16,11 @@
- - + img + img - Learn more - {% include 'ui/btn-arrow.html' %} + Search + {% include 'ui/icons/social/card/icon01.html' %}
@@ -29,11 +29,10 @@

- Offline Search and Route + No Tracking or Data Collection

- See the place you want to go while in an underground parking garage, and navigate while on a distant - hike. + The app is designed with privacy as a priority and does not identify users, or track information about them.

Learn more @@ -41,24 +40,49 @@
- - + img + img - Learn more - {% include 'ui/btn-arrow.html' %} + No additional permissions required + {% include 'ui/icons/social/card/icon02.html' %}
-
+

- Offline Search and Route + Save Your Battery

- See the place you want to go while in an underground parking garage, and navigate while on a distant - hike. + Save Your Battery +Efficiently uses your battery, doesn’t drain your battery like other navigation apps +Learn more +

+ + Learn more + {% include 'ui/btn-arrow.html' %} + +
+
+ img + img + + 34%
less power usage + {% include 'ui/icons/social/card/icon03.html' %} + +
+
+ + +
+
+

+ Free and Built by the Community +

+

+ People like you helped build the app by adding locations to the OpenStreetMap, giving feedback on features, and contributing code

Learn more @@ -66,11 +90,11 @@
- - + img + img - Learn more - {% include 'ui/btn-arrow.html' %} + Free for everyone, Made with love + {% include 'ui/icons/social/card/icon04.html' %}
diff --git a/templates/shortcodes/animation-section-js.html b/templates/shortcodes/animation-section-js.html index e86f853a..43535405 100644 --- a/templates/shortcodes/animation-section-js.html +++ b/templates/shortcodes/animation-section-js.html @@ -9,6 +9,7 @@ let animationRight = entry.target.className.includes('animation--right') let animationLeft = entry.target.className.includes('animation--left') let animationDown = entry.target.className.includes('animation--down') + let animationRightRevers = entry.target.className.includes('animation--right-revers') if (entry.isIntersecting) { if(animationRight) { @@ -21,6 +22,9 @@ if (animationDown) { item.classList.add('animation--down-play'); } + if (animationRightRevers) { + item.classList.add('animation--play-right-revers'); + } } else { if(animationRight) { @@ -32,6 +36,9 @@ if (animationDown) { item.classList.remove('animation--down-play'); } + if (animationRightRevers) { + item.classList.remove('animation--play-right-revers'); + } } }); }, { threshold: 0.3 }); diff --git a/templates/ui/icons/community/donate.html b/templates/ui/icons/community/donate.html new file mode 100644 index 00000000..1cc7ad53 --- /dev/null +++ b/templates/ui/icons/community/donate.html @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/ui/icons/community/icon-01.html b/templates/ui/icons/community/icon-01.html new file mode 100644 index 00000000..7e2a9275 --- /dev/null +++ b/templates/ui/icons/community/icon-01.html @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/ui/icons/community/icon-02.html b/templates/ui/icons/community/icon-02.html new file mode 100644 index 00000000..a4ce1ea7 --- /dev/null +++ b/templates/ui/icons/community/icon-02.html @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/ui/icons/community/icon-03.html b/templates/ui/icons/community/icon-03.html new file mode 100644 index 00000000..1c6fa245 --- /dev/null +++ b/templates/ui/icons/community/icon-03.html @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/templates/ui/icons/community/icon-04.html b/templates/ui/icons/community/icon-04.html new file mode 100644 index 00000000..83e56151 --- /dev/null +++ b/templates/ui/icons/community/icon-04.html @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/templates/ui/icons/community/icon-05.html b/templates/ui/icons/community/icon-05.html new file mode 100644 index 00000000..2a01a107 --- /dev/null +++ b/templates/ui/icons/community/icon-05.html @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/ui/icons/community/icon-06.html b/templates/ui/icons/community/icon-06.html new file mode 100644 index 00000000..1e30a21d --- /dev/null +++ b/templates/ui/icons/community/icon-06.html @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/templates/ui/icons/social/card/icon01.html b/templates/ui/icons/social/card/icon01.html new file mode 100644 index 00000000..6eb4f996 --- /dev/null +++ b/templates/ui/icons/social/card/icon01.html @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/templates/ui/icons/social/card/icon02.html b/templates/ui/icons/social/card/icon02.html new file mode 100644 index 00000000..6eb4f996 --- /dev/null +++ b/templates/ui/icons/social/card/icon02.html @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/templates/ui/icons/social/card/icon03.html b/templates/ui/icons/social/card/icon03.html new file mode 100644 index 00000000..21337f8c --- /dev/null +++ b/templates/ui/icons/social/card/icon03.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/templates/ui/icons/social/card/icon04.html b/templates/ui/icons/social/card/icon04.html new file mode 100644 index 00000000..9b183aa9 --- /dev/null +++ b/templates/ui/icons/social/card/icon04.html @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/templates/ui/icons/social/facebook.html b/templates/ui/icons/social/facebook.html new file mode 100644 index 00000000..f0cc7a23 --- /dev/null +++ b/templates/ui/icons/social/facebook.html @@ -0,0 +1,5 @@ + + + + + diff --git a/templates/ui/icons/social/frame.html b/templates/ui/icons/social/frame.html new file mode 100644 index 00000000..7ce90ccf --- /dev/null +++ b/templates/ui/icons/social/frame.html @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/templates/ui/icons/social/git.html b/templates/ui/icons/social/git.html new file mode 100644 index 00000000..74af97ff --- /dev/null +++ b/templates/ui/icons/social/git.html @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/templates/ui/icons/social/instagram.html b/templates/ui/icons/social/instagram.html new file mode 100644 index 00000000..05ec3b18 --- /dev/null +++ b/templates/ui/icons/social/instagram.html @@ -0,0 +1,7 @@ + + + + + + + diff --git a/templates/ui/icons/social/linkidin.html b/templates/ui/icons/social/linkidin.html new file mode 100644 index 00000000..a8a2e6aa --- /dev/null +++ b/templates/ui/icons/social/linkidin.html @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/templates/ui/icons/social/mail.html b/templates/ui/icons/social/mail.html new file mode 100644 index 00000000..d242c607 --- /dev/null +++ b/templates/ui/icons/social/mail.html @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/templates/ui/icons/social/matrix.html b/templates/ui/icons/social/matrix.html new file mode 100644 index 00000000..d242c607 --- /dev/null +++ b/templates/ui/icons/social/matrix.html @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/templates/ui/icons/social/reddid.html b/templates/ui/icons/social/reddid.html new file mode 100644 index 00000000..d51c2733 --- /dev/null +++ b/templates/ui/icons/social/reddid.html @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/templates/ui/icons/social/telegram.html b/templates/ui/icons/social/telegram.html new file mode 100644 index 00000000..034adc3f --- /dev/null +++ b/templates/ui/icons/social/telegram.html @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/templates/ui/icons/social/twitter.html b/templates/ui/icons/social/twitter.html new file mode 100644 index 00000000..55df4b9c --- /dev/null +++ b/templates/ui/icons/social/twitter.html @@ -0,0 +1,5 @@ + + + + +