NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_nano: revamp the theme

Browse Source 
This commit revamps the design of the `theme_nano`.

task-4178081
part of task-4177975

closes odoo/design-themes#966

X-original-commit: 47568ec66f
Related: odoo/odoo#182004
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
Signed-off-by: Chrysanthe Gomrée (chgo) <chgo@odoo.com>
This commit is contained in:
Chrysanthe (chgo)
2024-09-23 12:48:40 +00:00
parent f29a75764c
commit fc1382ce5a
35 changed files with 610 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_nano/__manifest__.py
+6 -1
View File
@@ -42,6 +42,10 @@
'views/snippets/s_shape_image.xml',
'views/snippets/s_text_cover.xml',
'views/snippets/s_empowerment.xml',
'views/snippets/s_discovery.xml',
'views/snippets/s_numbers.xml',
'views/snippets/s_image_text_overlap.xml',
'views/snippets/s_company_team_basic.xml',
'views/new_page_template.xml',
],
'images': [
@@ -57,6 +61,7 @@
'website.library_image_03': '/theme_nano/static/src/img/snippets/s_images_wall_05.jpg',
'website.library_image_02': '/theme_nano/static/src/img/snippets/s_images_wall_06.jpg',
'website.s_parallax_default_image': '/theme_nano/static/src/img/snippets/s_parallax.jpg',
'website.s_picture_default_image': '/theme_nano/static/src/img/snippets/s_picture.jpg',
'website.s_reference_demo_image_1': '/theme_nano/static/src/img/snippets/s_reference_01.png',
'website.s_reference_demo_image_2': '/theme_nano/static/src/img/snippets/s_reference_02.png',
'website.s_reference_demo_image_3': '/theme_nano/static/src/img/snippets/s_reference_03.png',
@@ -65,7 +70,7 @@
'website.s_reference_default_image_6': '/theme_nano/static/src/img/snippets/s_reference_06.png',
},
'configurator_snippets': {
'homepage': ['s_cover', 's_features', 's_text_block', 's_images_wall', 's_parallax', 's_references'],
'homepage': ['s_discovery', 's_parallax', 's_text_block', 's_key_images', 's_image_text_overlap', 's_company_team_basic', 's_references', 's_numbers', 's_cta_box'],
},
'new_page_templates': {
'about': {
theme_nano/models/theme_nano.py
-4
View File
@@ -5,12 +5,8 @@ class ThemeNano(models.AbstractModel):
_inherit = 'theme.utils'
def _theme_nano_post_copy(self, mod):
self.enable_view('website.template_header_search')
self.enable_view('website.header_navbar_pills_style')
self.enable_view('website.template_footer_descriptive')
self.enable_view('website.template_footer_slideout')
self.enable_view('website.option_footer_scrolltop')
self.enable_asset("website.ripple_effect_scss")
self.enable_asset("website.ripple_effect_js")
theme_nano/static/description/nano_cover.gif
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 48 KiB

theme_nano/static/description/nano_cover.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

theme_nano/static/description/nano_screenshot.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 136 KiB

theme_nano/static/description/theme_nano.svg
+215 -149
View File
@@ -1,172 +1,238 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="700" height="1850" viewBox="0 0 700 1850">
<svg width="700" height="2678" viewBox="0 0 700 2678" fill="none" xmlns="http://www.w3.org/2000/svg" data-vsvg="002" class="theme_nano_svg_preview">
<defs>
<!-- Font -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600&amp;display=swap');
</style>
<!-- Images -->
<pattern width="1" height="1" id="theme_nano_s_cover_default_image_id" patternunits="objectBoundingBox">
<image width="539" height="319" preserveAspectRatio="xMidYMid slice" href="#s_cover_default_image_url"/>
<pattern id="theme_nano_s_reference_demo_image_5_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_reference_demo_image_5" width="90" height="33" preserveAspectRatio="xMidYMid meet"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_library_image_10_id" patternunits="objectBoundingBox">
<image width="180" height="140" preserveAspectRatio="xMidYMid slice" href="#library_image_10_url"/>
<pattern id="theme_nano_s_reference_demo_image_4_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_reference_demo_image_4" width="90" height="33" preserveAspectRatio="xMidYMid meet"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_library_image_05_id" patternunits="objectBoundingBox">
<image width="180" height="140" preserveAspectRatio="xMidYMid slice" href="#library_image_05_url"/>
<pattern id="theme_nano_s_reference_demo_image_3_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_reference_demo_image_3" width="90" height="33" preserveAspectRatio="xMidYMid meet"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_library_image_08_id" patternunits="objectBoundingBox">
<image width="180" height="140" preserveAspectRatio="xMidYMid slice" href="#library_image_08_url"/>
<pattern id="theme_nano_s_reference_demo_image_2_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_reference_demo_image_2" width="90" height="33" preserveAspectRatio="xMidYMid meet"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_library_image_13_id" patternunits="objectBoundingBox">
<image width="180" height="140" preserveAspectRatio="xMidYMid slice" href="#library_image_13_url"/>
<pattern id="theme_nano_s_reference_demo_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_reference_demo_image_1" width="90" height="33" preserveAspectRatio="xMidYMid meet"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_library_image_03_id" patternunits="objectBoundingBox">
<image width="180" height="140" preserveAspectRatio="xMidYMid slice" href="#library_image_03_url"/>
<pattern id="theme_nano_s_key_images_default_image_4_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="#s_text_image_default_image_url" width="278" height="208" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_library_image_02_id" patternunits="objectBoundingBox">
<image width="180" height="140" preserveAspectRatio="xMidYMid slice" href="#library_image_02_url"/>
<pattern id="theme_nano_s_key_images_default_image_3_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="#s_media_list_default_image_2_url" width="278" height="208" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern width="1" height="1" id="theme_nano_s_parallax_default_image_id" patternunits="objectBoundingBox">
<image width="560" height="240" preserveAspectRatio="xMidYMid slice" href="#s_parallax_default_image_url"/>
<pattern id="theme_nano_s_key_images_default_image_2_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="#s_image_text_default_image_url" width="278" height="208" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<filter id="filter_readability_nano">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
<pattern id="theme_nano_s_key_images_default_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="#s_media_list_default_image_1_url" width="278" height="208" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern id="theme_nano_s_parallax_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="#s_parallax_default_image_url" width="701" height="290" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern id="theme_nano_s_picture_default_image_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="#s_picture_default_image_url" width="332" height="239" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern id="theme_nano_s_company_team_image_4_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_company_team_image_4" width="132" height="132" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern id="theme_nano_s_company_team_image_3_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_company_team_image_3" width="132" height="132" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern id="theme_nano_s_company_team_image_2_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_company_team_image_2" width="132" height="132" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<pattern id="theme_nano_s_company_team_image_1_id" width="1" height="1" patternunits="objectBoundingBox">
<image href="/web/image/website.s_company_team_image_1" width="132" height="132" preserveAspectRatio="xMidYMid slice"></image>
</pattern>
<filter id="filter_readability_theme_nano">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"></feColorMatrix>
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
<feFuncR type="table" tableValues="1 0"></feFuncR>
<feFuncG type="table" tableValues="1 0"></feFuncG>
<feFuncB type="table" tableValues="1 0"></feFuncB>
</feComponentTransfer>
<feComponentTransfer>
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
<feFuncR type="linear" slope="10000" intercept="-4999.5"></feFuncR>
<feFuncG type="linear" slope="10000" intercept="-4999.5"></feFuncG>
<feFuncB type="linear" slope="10000" intercept="-4999.5"></feFuncB>
</feComponentTransfer>
</filter>
</defs>
<!-- Layout -->
<g id="theme_nano_preview">
<rect width="700" height="1850" fill="#383E45"/>
<g data-name="Header" class="svgc_menu">
<rect width="560" height="50" x="70" y="0" fill="#MENU_COLOR" class="svgc_menu_bg"/>
<rect width="30" height="8" x="600" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<text x="330" y="30" font-size="14" font-family="Nunito" font-weight="600" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">LOGO</text>
<rect width="40" height="8" x="70" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="40" height="8" x="120" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="40" height="8" x="170" y="20" fill="#MENU_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<circle cx="582" cy="25" r="8" fill="#MENU_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<rect width="700" height="2678" fill="#ACACAC"></rect>
<g class="svgc_footer">
<path d="M700 2578H0V2678H700V2578Z" fill="#FOOTER_COLOR" class="svgc_footer_bg"></path>
<path d="M355 2644H222V2646H355V2644Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M317 2638H222V2640H317V2638Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M468 2607H223V2609H468V2607Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M434 2613H223V2615H434V2613Z" fill="#FOOTER_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M108 2639H70V2641H108V2639Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M115 2645H70V2647H115V2645Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M623 2645C626.866 2645 630 2641.87 630 2638C630 2634.13 626.866 2631 623 2631C619.134 2631 616 2634.13 616 2638C616 2641.87 619.134 2645 623 2645Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M604 2645C607.866 2645 611 2641.87 611 2638C611 2634.13 607.866 2631 604 2631C600.134 2631 597 2634.13 597 2638C597 2641.87 600.134 2645 604 2645Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M585 2645C588.866 2645 592 2641.87 592 2638C592 2634.13 588.866 2631 585 2631C581.134 2631 578 2634.13 578 2638C578 2641.87 581.134 2645 585 2645Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M139.596 2601H70.3003V2611H139.596V2601Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M160.686 2614H70.3003V2624H160.686V2614Z" fill="#FOOTER_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
</g>
<g clip-path="url(#clip0_387_2)" class="theme_nano">
<rect width="700" height="2678" fill="#FFFFFF"></rect>
<g class="s_cta_box">
<rect y="2394" width="700" height="184" fill="#383E45"></rect>
<rect x="66" y="2416" width="568" height="138" rx="3" fill="#3AADAA"></rect>
<rect x="275" y="2474" width="150" height="2" fill="#3AADAA" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="306" y="2497" width="89" height="28" rx="14" fill="#7C6576"></rect>
<rect x="245" y="2454" width="210" height="5" fill="#3AADAA" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g data-name="Cover">
<rect width="539" height="319" x="70" y="70" fill="url(#theme_nano_s_cover_default_image_id)" class="img_reference_s_cover_default_image"/>
<rect width="539" height="319" x="70" y="70" fill="#000" opacity="0.25"/>
<path d="M167.622,0h67.762L67.762,340H0Z" transform="translate(259 50)" fill="#383E45" opacity="0.25"/>
<path d="M167.622,0h67.762L67.762,340H0Z" transform="translate(327 50)" fill="#383E45" opacity="0.5"/>
<path d="M167.622,0h67.762V340H0Z" transform="translate(395 50)" fill="#383E45"/>
<text x="215" y="177" fill="#FFFFFD" font-size="30" font-family="Nunito" font-weight="600">Welcome Message</text>
<rect width="200" height="8" rx="2" x="250" y="222" fill="#FFFFFD" opacity="0.8"/>
<rect width="120" height="8" rx="2" x="290" y="204" fill="#FFFFFD" opacity="0.8"/>
<g class="svgc_btn_group">
<rect width="80" height="26" rx="4" x="308" y="267" fill="#3AADAA"/>
<text x="324" y="284" fill="#3AADAA" class="svgc_text" font-size="10" font-family="Nunito" font-weight="600" filter="url(#filter_readability_nano)">Contact us</text>
<g class="s_numbers">
<rect y="2250" width="700" height="144" fill="#383E45"></rect>
<rect x="117" y="2314" width="72" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="305" y="2314" width="90" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="522" y="2314" width="48" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="18" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="138" y="2295.74">KPI</tspan>
</text>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="18" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="334" y="2295.74">KPI</tspan>
</text>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="18" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="530" y="2295.74">KPI</tspan>
</text>
</g>
<g class="s_references">
<rect y="2078" width="700" height="172" fill="#383E45"></rect>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="18" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="299" y="2108.74">Section title</tspan>
</text>
<rect x="499" y="2127" width="90" height="33" fill="url(#theme_nano_s_reference_demo_image_5_id)" class="img_reference_s_reference_demo_image_5"></rect>
<rect x="402" y="2127" width="90" height="33" fill="url(#theme_nano_s_reference_demo_image_4_id)" class="img_reference_s_reference_demo_image_4"></rect>
<rect x="305" y="2127" width="90" height="33" fill="url(#theme_nano_s_reference_demo_image_3_id)" class="img_reference_s_reference_demo_image_3"></rect>
<rect x="208" y="2127" width="90" height="33" fill="url(#theme_nano_s_reference_demo_image_2_id)" class="img_reference_s_reference_demo_image_2"></rect>
<rect x="111" y="2127" width="90" height="33" fill="url(#theme_nano_s_reference_demo_image_1_id)" class="img_reference_s_reference_demo_image_1"></rect>
</g>
<g>
<rect y="556" width="700" height="219" fill="#383E45"></rect>
<rect x="66" y="593" width="50" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="66" y="617" width="562" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="66" y="644" width="530" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="66" y="671" width="526" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="66" y="698" width="110" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<rect y="1744" width="700" height="334" fill="#383E45"></rect>
<g class="s_company_team_basic">
<g>
<rect x="502" y="1878" width="132" height="132" rx="3" fill="url(#theme_nano_s_company_team_image_4_id)" class="img_reference_s_company_team_image_4"></rect>
<rect x="552.5" y="2022" width="31" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="541.5" y="2036" width="53" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<rect x="357" y="1878" width="132" height="132" rx="3" fill="url(#theme_nano_s_company_team_image_3_id)" class="img_reference_s_company_team_image_3"></rect>
<rect x="404.5" y="2022" width="37" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="398.5" y="2036" width="49" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<rect x="212" y="1878" width="132" height="132" rx="3" fill="url(#theme_nano_s_company_team_image_2_id)" class="img_reference_s_company_team_image_2"></rect>
<rect x="259.5" y="2022" width="37" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="252" y="2036" width="52" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<rect x="67" y="1878" width="132" height="132" rx="3" fill="url(#theme_nano_s_company_team_image_1_id)" class="img_reference_s_company_team_image_1"></rect>
<rect x="118" y="2022" width="30" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="108" y="2036" width="50" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<rect x="233" y="1849" width="234" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="18" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="299" y="1835.74">Section title</tspan>
</text>
</g>
<g class="s_key_images">
<rect y="775" width="700" height="658" fill="#383E45"></rect>
<rect x="245" y="839" width="211" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Arial" font-size="18" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="299" y="825.74">Section title</tspan>
</text>
<g>
<rect x="356" y="1379" width="16" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="356" y="1137" width="278" height="208" rx="3" fill="url(#theme_nano_s_key_images_default_image_4_id)" class="img_reference_s_key_images_default_image_4"></rect>
<rect x="356" y="1361" width="111" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<rect x="66" y="1379" width="16" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="66" y="1137" width="278" height="208" rx="3" fill="url(#theme_nano_s_key_images_default_image_3_id)" class="img_reference_s_key_images_default_image_3"></rect>
<rect x="66" y="1361" width="111" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<rect x="356" y="1105" width="16" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="356" y="866" width="278" height="208" rx="3" fill="url(#theme_nano_s_key_images_default_image_2_id)" class="img_reference_s_key_images_default_image_2"></rect>
<rect x="356" y="1087" width="111" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<rect x="66" y="1105" width="16" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="66" y="866" width="278" height="208" rx="3" fill="url(#theme_nano_s_key_images_default_image_1_id)" class="img_reference_s_key_images_default_image_1"></rect>
<rect x="66" y="1087" width="111" height="5" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
</g>
<g data-name="Features">
<rect width="560" height="230" x="70" y="390" fill="#383E45"/>
<g data-name="Feature_1">
<rect width="50" height="50" rx="4" x="137" y="445" fill="#3AADAA"/>
<text x="115" y="528" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)" font-size="18" font-family="Nunito" font-weight="600">Feature #01</text>
<rect width="90" height="6" rx="2" x="117" y="545" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="137" y="559" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Feature_2">
<rect width="50" height="50" rx="4" x="324" y="445" fill="#FFFFFF"/>
<text x="300" y="528" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)" font-size="18" font-family="Nunito" font-weight="600">Feature #02</text>
<rect width="90" height="6" rx="2" x="304" y="545" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="324" y="559" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Feature_3">
<rect width="50" height="50" rx="4" x="512" y="445" fill="#7C6576"/>
<text x="488" y="528" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)" font-size="18" font-family="Nunito" font-weight="600">Feature #03</text>
<rect width="90" height="6" rx="2" x="492" y="545" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="512" y="559" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<g class="s_parallax">
<rect x="-1" y="266" width="701" height="290" fill="url(#theme_nano_s_parallax_default_image_id)" class="img_reference_s_parallax_default_image"></rect>
</g>
<g class="s_discovery">
<rect x="-1" y="40" width="701" height="226" fill="#383E45"></rect>
<text fill="#383E45" xml:space="preserve" style="white-space: pre" font-family="Assistant" font-size="24" font-weight="bold" letter-spacing="0em" class="svgc_invert" filter="url(#filter_readability_theme_nano)">
<tspan x="254" y="144.308">Welcome message</tspan>
</text>
<rect x="183" y="159" width="335" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="210" y="171" width="281" height="2" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="312" y="185" width="77" height="26" rx="13" fill="#3AADAA"></rect>
</g>
<g class="svgc_menu">
<rect width="700" height="40" fill="#MENU_COLOR" class="svgc_menu_bg"></rect>
<path d="M74.3992 24.826V22.621H68.7742V12.1742H66V24.826H74.3992ZM81.4362 25C82.594 25 83.636 24.7448 84.5637 24.236C85.4944 23.7286 86.2282 22.9892 86.7695 22.0208C87.3108 21.0538 87.58 19.8795 87.58 18.4994C87.58 17.1207 87.3093 15.9464 86.768 14.978C86.2282 14.011 85.4944 13.2731 84.5652 12.7643C83.636 12.2554 82.5925 12.0003 81.4347 12.0003C80.2694 12.0003 79.2228 12.2554 78.2951 12.7643C77.3689 13.2717 76.6351 14.011 76.0983 14.978C75.56 15.9464 75.2909 17.1207 75.2909 18.5008C75.2909 19.8752 75.56 21.0466 76.0983 22.015C76.5948 22.9422 77.3574 23.7121 78.2951 24.2331C79.2228 24.7434 80.2694 24.9985 81.4347 24.9985L81.4362 25ZM81.4362 22.6326C80.8148 22.6459 80.2033 22.4803 79.6799 22.1571C79.1792 21.8396 78.7928 21.3742 78.5161 20.761C78.241 20.1477 78.1026 19.3939 78.1026 18.4994C78.1026 17.6064 78.241 16.8525 78.5161 16.2378C78.7913 15.6246 79.1792 15.1592 79.6799 14.8432C80.2027 14.5198 80.8137 14.3542 81.4347 14.3677C82.1053 14.3677 82.6902 14.5257 83.1909 14.8432C83.6901 15.1592 84.078 15.626 84.3532 16.2393C84.6299 16.8525 84.7667 17.6064 84.7667 18.5008C84.7667 19.3939 84.6299 20.1477 84.3532 20.761C84.078 21.3742 83.6916 21.8396 83.1909 22.1571C82.6677 22.4807 82.0576 22.6463 81.4362 22.6326ZM95.3853 24.9985C96.4874 24.9985 97.4663 24.784 98.3203 24.3534C99.1592 23.9371 99.8573 23.2983 100.332 22.5123C100.819 21.7149 101.063 20.761 101.063 19.649V18.0543H95.5717V20.0695H98.3865L98.3805 20.2521C98.3549 20.5957 98.2752 20.9074 98.1444 21.1872L98.0346 21.3902C97.7953 21.7878 97.4382 22.1073 97.0092 22.3078C96.5641 22.5253 96.0258 22.6326 95.3988 22.6326C94.7071 22.6326 94.1057 22.4717 93.5975 22.1484C93.0892 21.8251 92.6953 21.3539 92.4186 20.7363C92.142 20.1188 92.0021 19.3692 92.0021 18.4878C92.0021 17.6064 92.1435 16.8598 92.4246 16.248C92.7073 15.6362 93.1013 15.1694 93.608 14.849C94.1335 14.5225 94.7482 14.3549 95.3732 14.3677C95.7311 14.3677 96.0589 14.4112 96.3566 14.4967C96.6528 14.5837 96.9174 14.7084 97.1505 14.8707C97.3836 15.0331 97.5806 15.2303 97.7429 15.4637C97.9053 15.6956 98.0316 15.9624 98.1219 16.2639H100.941C100.858 15.6571 100.651 15.0722 100.332 14.5431C100.018 14.0225 99.6035 13.5644 99.1112 13.1934C98.5994 12.8072 98.0219 12.5095 97.4046 12.3134C96.7348 12.1005 96.0334 11.9947 95.3281 12.0003C94.5006 11.993 93.6797 12.1422 92.9118 12.4395C92.174 12.7281 91.5079 13.1639 90.9571 13.7182C90.3797 14.3063 89.9357 15.0039 89.6535 15.7667C89.3437 16.5713 89.1888 17.486 89.1888 18.5124C89.1888 19.8462 89.449 20.9987 89.9677 21.9686C90.4526 22.9034 91.2084 23.6825 92.1435 24.2113C93.0757 24.7361 94.1553 24.9985 95.3853 24.9985ZM108.855 24.9985C110.012 24.9985 111.055 24.7448 111.984 24.236C112.913 23.7286 113.648 22.9892 114.188 22.0208C114.729 21.0538 115 19.8795 115 18.4994C115 17.1207 114.729 15.9464 114.188 14.978C113.647 14.011 112.913 13.2731 111.984 12.7643C111.055 12.2554 110.012 12.0003 108.855 12.0003C107.688 12.0003 106.641 12.2554 105.715 12.7643C104.787 13.2717 104.055 14.011 103.517 14.978C102.979 15.9464 102.709 17.1207 102.709 18.5008C102.709 19.8752 102.979 21.0466 103.517 22.015C104.055 22.9834 104.787 23.7228 105.715 24.2331C106.641 24.7434 107.688 24.9985 108.855 24.9985ZM108.855 22.6326C108.184 22.6326 107.598 22.4731 107.098 22.1571C106.599 21.8396 106.211 21.3742 105.936 20.761C105.66 20.1477 105.523 19.3939 105.523 18.4994C105.523 17.6064 105.66 16.8525 105.936 16.2378C106.211 15.6246 106.598 15.1592 107.098 14.8432C107.622 14.5195 108.233 14.3539 108.855 14.3677C109.525 14.3677 110.11 14.5257 110.609 14.8432C111.11 15.1592 111.497 15.626 111.773 16.2393C112.048 16.8525 112.187 17.6064 112.187 18.5008C112.187 19.3939 112.048 20.1477 111.773 20.761C111.497 21.3742 111.11 21.8396 110.609 22.1571C110.087 22.4804 109.476 22.646 108.855 22.6326Z" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<rect x="207" y="14" width="44" height="12" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="155" y="14" width="44" height="12" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="259" y="14" width="44" height="12" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="310" y="14" width="44" height="12" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="362" y="14" width="44" height="12" fill="#MENU_COLOR" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
<rect x="555" y="14" width="79" height="12" fill="#MENU_COLOR" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></rect>
</g>
<g>
<path d="M700 2578H0V2678H700V2578Z" fill="#383E45"></path>
<path d="M630 2626H578V2628H630V2626Z" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M615 2620H578V2622H615V2620Z" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M234 2624H70V2626H234V2624Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M234 2630H70V2632H234V2630Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M234 2636H70V2638H234V2636Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M234 2642H70V2644H234V2642Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M234 2648H70V2650H234V2648Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M327 2624H280V2626H327V2624Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M375 2630H280V2632H375V2630Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M388 2636H280V2638H388V2636Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M415 2642H280V2644H415V2642Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M388 2648H280V2650H388V2648Z" fill="#383E45" fill-opacity="0.4" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M623 2649C626.866 2649 630 2645.87 630 2642C630 2638.13 626.866 2635 623 2635C619.134 2635 616 2638.13 616 2642C616 2645.87 619.134 2649 623 2649Z" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M604 2649C607.866 2649 611 2645.87 611 2642C611 2638.13 607.866 2635 604 2635C600.134 2635 597 2638.13 597 2642C597 2645.87 600.134 2649 604 2649Z" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M585 2649C588.866 2649 592 2645.87 592 2642C592 2638.13 588.866 2635 585 2635C581.134 2635 578 2638.13 578 2642C578 2645.87 581.134 2649 585 2649Z" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M139 2601H70V2611H139V2601Z" fill="#383E45" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
</g>
<g class="s_image_text_overlap">
<rect y="1433" width="700" height="325" fill="#383E45"></rect>
<rect x="66" y="1476" width="332" height="239" rx="4" fill="url(#theme_nano_s_picture_default_image_id)" class="img_reference_s_picture_default_image"></rect>
<g>
<rect x="330" y="1499" width="300" height="193.617" fill="#3AADAA"></rect>
<path d="M603 1547H357V1553H603V1547Z" fill="#3AADAA" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M568 1570H357V1575.76H568V1570Z" fill="#3AADAA" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M579 1592.76H357V1598.76H579V1592.76Z" fill="#3AADAA" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M590 1615.76H357V1621.76H590V1615.76Z" fill="#3AADAA" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
<path d="M568 1638.76H357V1644.52H568V1638.76Z" fill="#3AADAA" class="svgc_invert" filter="url(#filter_readability_theme_nano)"></path>
</g>
</g>
<g data-name="Text">
<rect width="560" height="190" x="70" y="620" fill="#FFFFFD"/>
<rect width="340" height="6" rx="2" x="175" y="683" fill="#888"/>
<rect width="240" height="6" rx="2" x="175" y="718" fill="#888"/>
<rect width="240" height="6" rx="2" x="175" y="695" fill="#888"/>
<rect width="350" height="6" rx="2" x="175" y="730" fill="#888"/>
<rect width="290" height="6" rx="2" x="175" y="742" fill="#888"/>
</g>
<g data-name="Images Wall">
<rect width="560" height="400" x="70" y="810" rx="4" fill="#383E45"/>
<rect width="180" height="140" x="70" y="865" rx="4" fill="url(#theme_nano_library_image_10_id)" class="img_reference_library_image_10"/>
<rect width="180" height="140" x="70" y="1015" rx="4" fill="url(#theme_nano_library_image_05_id)" class="img_reference_library_image_05"/>
<rect width="180" height="140" x="260" y="865" rx="4" fill="url(#theme_nano_library_image_08_id)" class="img_reference_library_image_08"/>
<rect width="180" height="140" x="260" y="1015" rx="4" fill="url(#theme_nano_library_image_13_id)" class="img_reference_library_image_13"/>
<rect width="180" height="140" x="450" y="865" rx="4" fill="url(#theme_nano_library_image_03_id)" class="img_reference_library_image_03"/>
<rect width="180" height="140" x="450" y="1015" rx="4" fill="url(#theme_nano_library_image_02_id)" class="img_reference_library_image_02"/>
</g>
<g data-name="Parallax">
<rect width="560" height="240" x="70" y="1205" fill="url(#theme_nano_s_parallax_default_image_id)" class="img_reference_s_parallax_default_image"/>
<rect width="560" height="240" x="70" y="1205" fill="#000000" opacity=".5"/>
<rect width="260" height="8" rx="2" x="220" y="1331" fill="#FFFFFD"/>
<rect width="180" height="8" rx="2" x="260" y="1311" fill="#FFFFFD"/>
</g>
<g data-name="References">
<rect width="560" height="205" x="70" y="1445" fill="#383E45"/>
<rect width="89" height="60" x="70" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="353" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="164" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="447" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="258" y="1550" fill="#FFFFFD"/>
<rect width="89" height="60" x="541" y="1550" fill="#FFFFFD"/>
<rect width="140" height="6" rx="2" x="280" y="1520" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<text x="300" y="1500" fill="#383E45" class="svgc_text" font-size="18" font-family="Nunito" font-weight="600" filter="url(#filter_readability_nano)">Section Title</text>
</g>
<g data-name="Footer" class="svgc_footer">
<rect width="560" height="150" x="70" y="1650" fill="#FOOTER_COLOR" class="svgc_footer_bg"/>
<g data-name="Column_1">
<text x="90" y="1700" font-size="16" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">Section Title</text>
<rect width="240" height="6" rx="2" x="90" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="240" height="6" rx="2" x="90" y="1744" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="240" height="6" rx="2" x="90" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="147" height="6" rx="2" x="90" y="1756" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Column_2">
<text x="390" y="1704" font-size="12" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">Entry Title</text>
<rect width="90" height="6" rx="2" x="390" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="90" height="6" rx="2" x="390" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="90" height="6" rx="2" x="390" y="1744" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="50" height="6" rx="2" x="390" y="1756" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
</g>
<g data-name="Column_3">
<text x="520" y="1704" font-size="12" font-family="Nunito" font-weight="600" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_nano)">Entry Title</text>
<rect width="90" height="6" rx="2" x="520" y="1720" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<rect width="90" height="6" rx="2" x="520" y="1732" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.5" filter="url(#filter_readability_nano)"/>
<circle cx="529" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<circle cx="550" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<circle cx="571" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
<circle cx="592" cy="1758" r="8" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.8" filter="url(#filter_readability_nano)"/>
</g>
</g>
<g data-name="Copyright">
<rect width="560" height="50" x="70" y="1800" fill="#383E45"/>
<circle cx="350" cy="1800" r="15" fill="#383E45"/>
<rect width="120" height="6" rx="2" x="71" y="1822" fill="#383E45" class="svgc_text" filter="url(#filter_readability_nano)"/>
<g>
<rect x="316" y="100" width="68" height="12" rx="6" fill="#FFFFFF"></rect>
<rect x="330" y="105" width="49" height="2" fill="black" fill-opacity="0.4"></rect>
<circle cx="322" cy="106" r="3" fill="black" fill-opacity="0.4"></circle>
</g>
</g>
<defs>
<clipPath id="clip0_387_2">
<rect width="700" height="2678" fill="#FFFFFF"></rect>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 27 KiB

theme_nano/static/src/img/snippets/s_key_images_default_image_1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

theme_nano/static/src/img/snippets/s_key_images_default_image_2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

theme_nano/static/src/img/snippets/s_key_images_default_image_3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

theme_nano/static/src/img/snippets/s_key_images_default_image_4.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

theme_nano/static/src/img/snippets/s_parallax.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 96 KiB

theme_nano/static/src/img/snippets/s_picture.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 60 KiB

theme_nano/static/src/img/snippets/s_reference_01.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 11 KiB

theme_nano/static/src/img/snippets/s_reference_02.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

theme_nano/static/src/img/snippets/s_reference_03.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

theme_nano/static/src/img/snippets/s_reference_04.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

theme_nano/static/src/img/snippets/s_reference_05.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 10 KiB

theme_nano/static/src/img/snippets/s_reference_06.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 10 KiB

theme_nano/static/src/js/tour.js
+32 -17
View File
@@ -4,35 +4,50 @@ import * as wTourUtils from '@website/js/tours/tour_utils';
const snippets = [
{
id: 's_cover',
name: 'Cover',
id: 's_discovery',
name: 'Discovery',
groupName: "Intro",
},
{
id: 's_features',
name: 'Features',
groupName: "Content",
},
{
id: 's_text_block',
name: 'Text',
groupName: "Text",
},
{
id: 's_images_wall',
name: 'Images Wall',
groupName: "Images",
},
{
id: 's_parallax',
name: 'Parallax',
groupName: "Images",
},
{
id: 's_text_block',
name: 'Text',
groupName: "Text",
},
{
id: 's_key_images',
name: 'Key Images',
groupName: "Columns",
},
{
id: 's_image_text_overlap',
name: 'Image - Text Overlap',
groupName: "Content",
},
{
id: 's_company_team',
name: 'Team',
groupName: "People",
},
{
id: 's_references',
name: 'References',
groupName: "People",
},
{
id: 's_numbers',
name: 'Numbers',
groupName: "Content",
},
{
id: 's_cta_box',
name: 'Box Call to Action',
groupName: "Content",
},
];
wTourUtils.registerThemeHomepageTour("nano_tour", () => [
theme_nano/static/src/scss/primary_variables.scss
+21 -8
View File
@@ -7,24 +7,29 @@ $o-website-values-palettes: (
'color-palettes-name': 'nano-1',
// Header
'header-template': 'search',
'header-font-size': 1rem,
'header-links-style': 'fill',
'menu-border-radius': 0,
// Font
'font': 'Oxygen',
'headings-font': 'Nunito',
'buttons-font': 'Nunito',
'font': 'Inter',
'headings-font': 'Manrope',
'buttons-font': 'Manrope',
// Buttons
'btn-padding-y': .5rem,
'btn-padding-x': 1rem,
'btn-padding-y-lg': 1rem,
'btn-padding-x-lg': 2rem,
'btn-border-radius': 10rem,
'btn-border-radius-sm': 10rem,
'btn-border-radius-lg': 10rem,
// Body
'layout': 'postcard',
'btn-ripple': true,
// Footer
'footer-template': 'descriptive',
'footer-effect': 'slideout_slide_hover',
'footer-scrolltop': true,
),
);
@@ -87,6 +92,14 @@ $o-theme-font-configs: (
'family': ('Nunito', sans-serif),
'url': 'Nunito:300,300i,400,400i,700,700i',
),
'Manrope': (
'family': ('Manrope', sans-serif),
'url': 'Manrope:300,300i,400,400i,700,700i',
),
'Inter': (
'family': ('Inter', sans-serif),
'url': 'Inter:300,300i,400,400i,700,700i',
),
);
// Headings
@@ -114,7 +127,7 @@ $o-theme-btn-font-weight: 400;
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
(
'nano-1': (
'alpha': #ed8558,
'alpha': #e33a07,
'beta': #74bcc5,
'gamma': #7cc086,
'delta': #afd5a6,
theme_nano/views/images_library.xml
+4 -4
View File
@@ -449,22 +449,22 @@
<record id="s_key_images_default_image_1" model="theme.ir.attachment">
<field name="key">website.s_key_images_default_image_1</field>
<field name="name">website.s_key_images_default_image_1</field>
<field name="url">/theme_nano/static/src/img/theme/05.jpg</field>
<field name="url">/theme_nano/static/src/img/snippets/s_key_images_default_image_1.jpg</field>
</record>
<record id="s_key_images_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_key_images_default_image_2</field>
<field name="name">website.s_key_images_default_image_2</field>
<field name="url">/theme_nano/static/src/img/theme/06.jpg</field>
<field name="url">/theme_nano/static/src/img/snippets/s_key_images_default_image_2.jpg</field>
</record>
<record id="s_key_images_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_key_images_default_image_3</field>
<field name="name">website.s_key_images_default_image_3</field>
<field name="url">/theme_nano/static/src/img/theme/07.jpg</field>
<field name="url">/theme_nano/static/src/img/snippets/s_key_images_default_image_3.jpg</field>
</record>
<record id="s_key_images_default_image_4" model="theme.ir.attachment">
<field name="key">website.s_key_images_default_image_4</field>
<field name="name">website.s_key_images_default_image_4</field>
<field name="url">/theme_nano/static/src/img/theme/08.jpg</field>
<field name="url">/theme_nano/static/src/img/snippets/s_key_images_default_image_4.jpg</field>
</record>
<!-- Kickoff -->
theme_nano/views/new_page_template.xml
+10 -13
View File
@@ -39,30 +39,21 @@
<!-- General customizations -->
<template id="new_page_template_s_parallax" inherit_id="website.new_page_template_s_parallax">
<!-- Remove shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data"/>
</xpath>
<!-- Remove shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
</template>
<template id="new_page_template_s_text_block" inherit_id="website.new_page_template_s_text_block">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 pt40" remove="pt96 o_cc1" separator=" "/>
<attribute name="class" add="pt40" remove="pt96 o_cc1" separator=" "/>
</xpath>
</template>
<template id="new_page_template_s_text_block_h1" inherit_id="website.new_page_template_s_text_block_h1">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1 pb0" separator=" "/>
<attribute name="class" remove="o_cc1 pb0" separator=" "/>
</xpath>
</template>
<template id="new_page_template_s_text_block_h2" inherit_id="website.new_page_template_s_text_block_h2">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1 pb0" separator=" "/>
<attribute name="class" remove="o_cc1 pb0" separator=" "/>
</xpath>
</template>
@@ -193,7 +184,13 @@
<template id="new_page_template_about_personal_s_numbers" inherit_id="website.new_page_template_about_personal_s_numbers">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc3" separator=" "/>
<attribute name="class" remove="o_cc3" separator=" "/>
</xpath>
</template>
<template id="new_page_template_about_full_s_numbers" inherit_id="website.new_page_template_about_full_s_numbers">
<xpath expr="//section" position="attributes">
<attribute name="class" remove="o_cc3" separator=" "/>
</xpath>
</template>
theme_nano/views/snippets/s_big_number.xml
+2 -2
View File
@@ -4,13 +4,13 @@
<template id="s_big_number" inherit_id="website.s_big_number">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/06_001"}</attribute>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/06_001','colors':{'c3':'o-color-5'}}</attribute>
<attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
<div class="o_we_shape o_web_editor_Bold_06_001"/>
<div class="o_we_shape o_web_editor_Bold_06_001" style="background-image: url('/web_editor/shape/web_editor%2FBold%2F06_001.svg?c3=o-color-5');"/>
</xpath>
<!-- Text -->
theme_nano/views/snippets/s_company_team_basic.xml
+85
View File
@@ -0,0 +1,85 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_company_team_basic" inherit_id="website.s_company_team_basic">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
</xpath>
<!-- Row - remove grid mode -->
<xpath expr="//div[hasclass('row')]" position="attributes">
<attribute name="class" remove="o_grid_mode" separator=" "/>
<attribute name="data-row-count"/>
</xpath>
<xpath expr="//h3" position="replace">
<h2 style="text-align: center;">Our talented crew</h2>
</xpath>
<xpath expr="//h2" position="after">
<p class="lead" style="text-align: center;">Meet the masterminds behind our agency. With them, your project is in good hands for sure.</p>
</xpath>
<!-- Title -->
<xpath expr="//div[hasclass('col-lg-12')]" position="attributes">
<attribute name="class" add="pb40" remove="o_grid_item g-col-lg-12 g-height-2" separator=" "/>
<attribute name="style" remove="grid-area: 1 / 1 / 3 / 13; --grid-item-padding-y: 32px; --grid-item-padding-x: 32px; z-index: 1;" separator=";"/>
</xpath>
<!-- Profile #1 -->
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" remove="o_grid_item g-col-6 g-col-lg-3 g-height-8" separator=" "/>
<attribute name="style" remove="grid-area: 3 / 1 / 11 / 4; --grid-item-padding-y: 16px; --grid-item-padding-x: 32px; z-index: 2;" separator=";"/>
</xpath>
<xpath expr="(//img)[1]" position="attributes">
<attribute name="class" add="rounded" remove="rounded-circle" separator=" "/>
</xpath>
<xpath expr="(//h4)[1]" position="replace" mode="inner">
Evan Ray
</xpath>
<xpath expr="(//p[hasclass('o_small-fs')])[1]" position="replace" mode="inner">
Creative Director
</xpath>
<!-- Profile #2 -->
<xpath expr="//div[hasclass('col-lg-3')][2]" position="attributes">
<attribute name="class" remove="o_grid_item g-col-6 g-col-lg-3 g-height-8" separator=" "/>
<attribute name="style" remove="grid-area: 3 / 4 / 11 / 7; --grid-item-padding-y: 16px; --grid-item-padding-x: 32px; z-index: 3;" separator=";"/>
</xpath>
<xpath expr="(//img)[2]" position="attributes">
<attribute name="class" add="rounded" remove="rounded-circle" separator=" "/>
</xpath>
<xpath expr="(//h4)[2]" position="replace" mode="inner">
Ben Cole
</xpath>
<xpath expr="(//p[hasclass('o_small-fs')])[2]" position="replace" mode="inner">
Account Manager
</xpath>
<!-- Profile #3 -->
<xpath expr="//div[hasclass('col-lg-3')][3]" position="attributes">
<attribute name="class" remove="o_grid_item g-col-6 g-col-lg-3 g-height-8" separator=" "/>
<attribute name="style" remove="grid-area: 3 / 7 / 11 / 10; --grid-item-padding-y: 16px; --grid-item-padding-x: 32px; z-index: 4;" separator=";"/>
</xpath>
<xpath expr="(//img)[3]" position="attributes">
<attribute name="class" add="rounded" remove="rounded-circle" separator=" "/>
</xpath>
<xpath expr="(//h4)[3]" position="replace" mode="inner">
Jane Ford
</xpath>
<xpath expr="(//p[hasclass('o_small-fs')])[3]" position="replace" mode="inner">
Media Strategist
</xpath>
<!-- Profile #4 -->
<xpath expr="//div[hasclass('col-lg-3')][4]" position="attributes">
<attribute name="class" remove="o_grid_item g-col-6 g-col-lg-3 g-height-8" separator=" "/>
<attribute name="style" remove="grid-area: 3 / 10 / 11 / 13; --grid-item-padding-y: 16px; --grid-item-padding-x: 32px; z-index: 5;" separator=";"/>
</xpath>
<xpath expr="(//img)[4]" position="attributes">
<attribute name="class" add="rounded" remove="rounded-circle" separator=" "/>
</xpath>
<xpath expr="(//h4)[4]" position="replace" mode="inner">
Mia Lee
</xpath>
<xpath expr="(//p[hasclass('o_small-fs')])[4]" position="replace" mode="inner">
Marketing Analyst
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_cover.xml
-10
View File
@@ -18,14 +18,4 @@
</xpath>
</template>
<template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/12_001","flip":["x"]}</attribute>
</xpath>
<xpath expr="//*[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Bold_12_001" style="background-image: url('/web_editor/shape/web_editor/Bold/12_001.svg?c1=rgba%280%2C%200%2C%200%2C%200.5%29&amp;c2=rgba%280%2C%200%2C%200%2C%200.25%29&amp;c5=o-color-5&amp;flip=x'); background-position: 50% 50%;"/>
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_cta_box.xml
+15 -11
View File
@@ -2,25 +2,29 @@
<odoo>
<template id="s_cta_box" inherit_id="website.s_cta_box">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
<attribute name="style" add="background-image: linear-gradient(90deg, var(--o-color-1) 0%, var(--o-color-5) 100%);" separator=";"/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Interested in our services?
<xpath expr="//div[hasclass('card-body')]" position="attributes">
<attribute name="style" add="text-align: center" separator=";"/>
</xpath>
<!-- Paragraphs -->
<xpath expr="//p" position="replace" mode="inner">
The first quotation is free of charge<br/><br/>
<xpath expr="//h2[hasclass('card-title')]" position="replace">
<h2 class="card-title" style="text-align: center;">Interested in our services?</h2>
</xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace">
<p class="card-text" style="text-align: center;">Let's discuss how we can help your business<br/><br/></p>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/theme_nano/static/src/img/theme/19.jpg</attribute>
</xpath>
<xpath expr="//figure[hasclass('o_card_img_wrapper')]" position="replace"/>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Contact us
<xpath expr="//a[hasclass('btn')]" position="replace">
<a t-att-href="cta_btn_href" class="btn btn-lg btn-primary">Schedule a call</a>
</xpath>
</template>
theme_nano/views/snippets/s_discovery.xml
+36
View File
@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_discovery" inherit_id="website.s_discovery">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<xpath expr="//span[hasclass('s_cta_badge')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
</xpath>
<xpath expr="//span[hasclass('s_cta_badge')]" position="replace" mode="inner">
<i class="fa fa-fw fa-circle text-success o_not-animable" aria-hidden="true"/><span class="o_small-fs">&#160;&#160;AVAILABLE FOR NEW PROJECTS</span>
</xpath>
<xpath expr="//h1" position="replace">
<h1 style="text-align: center">
<strong>We are CreativeAgency.</strong>
</h1>
</xpath>
<xpath expr="//p[2]" position="replace" mode="inner">
<a t-att-href="cta_btn_href" class="btn btn-lg btn-primary"><t t-out="cta_btn_text">Get Started</t></a>
</xpath>
</template>
<template id="configurator_s_discovery" inherit_id="website.configurator_s_discovery">
<!-- CTA -->
<xpath expr="//span[hasclass('s_cta_badge')]" position="replace" mode="inner">
<i class="fa fa-circle text-success" aria-hidden="true"/>&#160;&#160;AVAILABLE FOR NEW PROJECTS&#160;&#160;&#160;&#160;<a href="#">Contact us&#160;&#160;<i class="fa fa-long-arrow-right" aria-hidden="true"/></a>
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_image_text_overlap.xml
+18
View File
@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_image_text_overlap" inherit_id="website.s_image_text_overlap">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<!-- Grid item #2 -->
<xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('o_grid_item')][2]" position="replace" mode="inner">
<h3>Our story began with a passion for creativity and innovation. From a small team, we've grown into an agency focused on delivering results and building lasting client partnerships.</h3>
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_key_images.xml
+51 -12
View File
@@ -2,23 +2,62 @@
<odoo>
<template id="s_key_images" inherit_id="website.s_key_images">
<xpath expr="//h2" position="replace" mode="inner">
Driving Success Through Innovation
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Empowering Businesses to Reach New Heights
<xpath expr="//h2" position="replace">
<h2 style="text-align: center;">Our case studies</h2>
</xpath>
<xpath expr="//div[hasclass('col-lg-3')]//p[3]" position="replace" mode="inner">
Customized solutions for your business needs
<xpath expr="//p[hasclass('lead')]" position="replace">
<p class="lead" style="text-align: center;">Some of the latest projects we had the pleasure to work on</p>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[2]//p[3]" position="replace" mode="inner">
Expert advice to navigate complex challenges
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-6 o_animate o_animated o_anim_from_left o_anim_slide_in" remove="col-lg-3" separator=" "/>
<attribute name="style" add="--wanim-intensity: 3; animation-name: o_anim_slide_in_left; animation-play-state: running;" separator=";"/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[3]//p[3]" position="replace" mode="inner">
Proven strategies for sustainable growth
<xpath expr="//div[hasclass('col-lg-6')]//p" position="replace"/>
<xpath expr="//div[hasclass('col-lg-6')]//p[2]" position="replace" separator=" ">
<h3><font class="text-o-color-1">Nova App Launch</font></h3>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[4]//p[3]" position="replace" mode="inner">
Partner with us to unlock your potential
<xpath expr="//h3" position="after">
<p>2021</p>
</xpath>
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-6 o_animate o_animated o_anim_from_right o_anim_slide_in" remove="col-lg-3" separator=" "/>
<attribute name="style" add="--wanim-intensity: 3; animation-delay: 0.3s; animation-name: o_anim_slide_in_right; animation-play-state: running;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]//p" position="replace"/>
<xpath expr="(//div[hasclass('col-lg-6')])[2]//p[2]" position="replace" separator=" ">
<h3><font class="text-o-color-1">Pulse Website Redesign</font></h3>
</xpath>
<xpath expr="(//h3)[2]" position="after">
<p>2022</p>
</xpath>
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-6 pt48 o_animate o_animated o_anim_from_left o_anim_slide_in" remove="col-lg-3" separator=" "/>
<attribute name="style" add="--wanim-intensity: 3; animation-name: o_anim_slide_in_left; animation-play-state: running;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][3]//p" position="replace"/>
<xpath expr="(//div[hasclass('col-lg-6')])[3]//p[2]" position="replace" separator=" ">
<h3><font class="text-o-color-1">Skyline Brand Strategy</font></h3>
</xpath>
<xpath expr="(//h3)[3]" position="after">
<p>2023</p>
</xpath>
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-6 pt48 o_animate o_animated o_anim_from_right o_anim_slide_in" remove="col-lg-3" separator=" "/>
<attribute name="style" add="--wanim-intensity: 3; animation-delay: 0.3s; animation-name: o_anim_slide_in_right; animation-play-state: running;" separator=";"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][4]//p" position="replace"/>
<xpath expr="(//div[hasclass('col-lg-6')])[4]//p[2]" position="replace" separator=" ">
<h3><font class="text-o-color-1">LunaTech Rebrand</font></h3>
</xpath>
<xpath expr="(//h3)[4]" position="after">
<p>2019</p>
</xpath>
</template>
theme_nano/views/snippets/s_numbers.xml
+32
View File
@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_numbers" inherit_id="website.s_numbers">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-4')]" position="replace"/>
<xpath expr="//div[hasclass('col-lg-7')]" position="replace">
<div class="col-lg-4 pt24 pb24">
<p class="lead" style="text-align: center;">
<span class="s_number display-1-fs">50+</span><br/>
<span class="h5-fs">Happy customers</span>
</p>
</div>
<div class="col-lg-4 pt24 pb24" style="box-shadow: var(--o-border-color) 1px 0px 0px 0px inset !important;">
<p class="lead" style="text-align: center;">
<span class="s_number display-1-fs">40h</span><br/>
<span class="h5-fs">Average shipping time</span>
</p>
</div>
<div class="col-lg-4 pt24 pb24" style="box-shadow: var(--o-border-color) 1px 0px 0px 0px inset !important;">
<p class="lead" style="text-align: center;">
<span class="s_number display-1-fs">4.5</span><br/>
<span class="h5-fs">Review Rate</span>
</p>
</div>
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_parallax.xml
+3 -12
View File
@@ -5,19 +5,10 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt48 pb48" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10", "flip":["x","y"]}</attribute>
<attribute name="data-scroll-background-ratio" add="3" remove="1"/>
</xpath>
<!-- Shape -->
<xpath expr="//*[hasclass('oe_structure')]" position="before">
<div class="o_we_shape o_web_editor_Rainy_10" style="background-image: url('/web_editor/shape/web_editor/Rainy/10.svg?c1=o-color-1&amp;c3=o-color-3&amp;flip=xy'); background-position: 50% 50%;"/>
</xpath>
<!-- Content -->
<xpath expr="//*[hasclass('oe_structure')]" position="inside">
<section class="s_title pt40 pb40" data-vcss="001">
<div class="container s_allow_columns">
<h3 style="text-align: center;"><font class="bg-o-color-5">Feel free to come up with your big idea. <br/> We take care of the rest.</font></h3>
</div>
</section>
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="attributes">
<attribute name="class" add="bg-black-25" remove="bg-black-50" separator=" "/>
</xpath>
</template>
theme_nano/views/snippets/s_references.xml
+7
View File
@@ -6,6 +6,13 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-12')]" position="replace" mode="inner">
<h2 style="text-align: center;">Trusted by industry leaders</h2>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')]" position="attributes">
<attribute name="class" add="offset-lg-1" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-2')])[6]" position="replace"/>
</template>
</odoo>
theme_nano/views/snippets/s_references_grid.xml
+20 -1
View File
@@ -4,7 +4,7 @@
<template id="s_references_grid" inherit_id="website.s_references_grid">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
<attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
</xpath>
<!-- Row -->
<xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
@@ -15,6 +15,25 @@
<attribute name="class" add="g-height-2" remove="g-height-4" separator=" "/>
<attribute name="style">grid-area: 2 / 1 / 4 / 6; z-index: 1;</attribute>
</xpath>
<!-- Set images to contain -->
<xpath expr="(//div[hasclass('o_grid_item_image')])[1]" position="attributes">
<attribute name="class" add="o_grid_item_image_contain" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item_image')])[2]" position="attributes">
<attribute name="class" add="o_grid_item_image_contain" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item_image')])[3]" position="attributes">
<attribute name="class" add="o_grid_item_image_contain" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item_image')])[4]" position="attributes">
<attribute name="class" add="o_grid_item_image_contain" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item_image')])[5]" position="attributes">
<attribute name="class" add="o_grid_item_image_contain" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item_image')])[6]" position="attributes">
<attribute name="class" add="o_grid_item_image_contain" separator=" "/>
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_references_social.xml
+43 -1
View File
@@ -3,6 +3,9 @@
<template id="s_references_social" inherit_id="website.s_references_social">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc1" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/h3" position="replace" mode="inner">
Barbershop
</xpath>
@@ -15,6 +18,45 @@
<xpath expr="//div[hasclass('row')]/div[5]/h3" position="replace" mode="inner">
Hosoren
</xpath>
<!-- Column #1 -->
<xpath expr="(//div[hasclass('col-lg-3')])//i[hasclass('fa-facebook')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])//i[hasclass('fa-instagram')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])//i[hasclass('fa-twitter')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<!-- Column #2 -->
<xpath expr="(//div[hasclass('col-lg-3')])[2]//i[hasclass('fa-facebook')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[2]//i[hasclass('fa-instagram')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[2]//i[hasclass('fa-twitter')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<!-- Column #3 -->
<xpath expr="(//div[hasclass('col-lg-3')])[3]//i[hasclass('fa-facebook')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[3]//i[hasclass('fa-instagram')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[3]//i[hasclass('fa-twitter')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<!-- Column #4 -->
<xpath expr="(//div[hasclass('col-lg-3')])[4]//i[hasclass('fa-facebook')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[4]//i[hasclass('fa-instagram')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[4]//i[hasclass('fa-twitter')]" position="attributes">
<attribute name="class" remove="rounded shadow-sm" separator=" "/>
</xpath>
</template>
</odoo>
theme_nano/views/snippets/s_text_block.xml
+10 -4
View File
@@ -4,11 +4,17 @@
<template id="s_text_block" inherit_id="website.s_text_block">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc1 pt96 pb96" remove="pt40 pb40" separator=" "/>
<attribute name="class" add="o_cc o_cc5 pt96 pb96" remove="pt40 pb40" separator=" "/>
</xpath>
<!-- Content -->
<xpath expr="//*[hasclass('container')]" position="attributes">
<attribute name="class" add="o_container_small" remove="container" separator=" "/>
<xpath expr="//div[hasclass('container')]" position="replace" mode="inner">
<div class="row">
<div class="col-12 col-lg-10">
<h6><strong><font class="text-o-color-1">OUR APPROACH</font></strong></h6>
<p>
<span class="h3-fs">Our approach is rooted in creativity and innovation. What started as a small team has evolved into an agency dedicated to delivering results through strategic thinking and fostering long-term client partnerships.</span>
</p>
</div>
</div>
</xpath>
</template>