ot_typo3/ot_templating/Resources/Private/Partials/Modern/Assets.html

{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:comment><!--
Assets included with the VHS viewhelpers

/!\ Warning: assets'names shall be uniques, even among asset.style and asset.script viewhelpers!
--></f:comment>

<v:variable.set name="assets_dir" value="EXT:ot_templating/Resources/Public/assets/Modern" />

<f:comment><!-- Fonts assets --></f:comment>

<f:asset.css identifier="modern-montserrat-font"
             href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,500,500i,600,700,800,900|Poppins:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900"
/>

<f:asset.css identifier="modern-dosis-font"
             href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800"
/>

<style>
    @font-face {
        font-family: "fontawesome";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/fontawesome-webfont.ttf") format("truetype");
    }
    @font-face {
        font-family: "themify";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/themify.ttf") format("truetype");
    }
    @font-face {
        font-family: "slick";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/slick.ttf") format("truetype");
    }
    @font-face {
        font-family: "revicons";
        src: url("/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/fonts/revicons.ttf") format("truetype");
    }
</style>

<f:comment><!-- Style assets --></f:comment>

<f:comment><!-- includes all plugins ; can be removed if none of those plugins are used --></f:comment>
<f:asset.css identifier="modern-plugins-css"
               href="{assets_dir}/style/plugins-css.css"/>

<f:comment><!-- includes revolution stylesheets --></f:comment>
<f:asset.css identifier="modern-revolution-settings"
               href="{assets_dir}/style/revolution/settings.css"/>

<f:comment><!-- includes all typography stylesheets --></f:comment>
<f:asset.css identifier="modern-typography"
               href="{assets_dir}/style/typography.css"/>

<f:asset.css identifier="modern-datetimepicker-css"
               href="{assets_dir}/style/plugins/bootstrap-datetimepicker.min.css"/>

<f:asset.css identifier="modern-slick-css"
               href="{assets_dir}/style/plugins/slick.css"/>

<f:asset.css identifier="modern-slick-theme-css"
               href="{assets_dir}/style/plugins/slick-theme.css"/>

<f:comment><!-- Leaflet's path shall not be rewritten since
                it won't find the images files anymore --></f:comment>
<f:asset.css identifier="modern-leaflet-css"
               href="{assets_dir}/style/plugins/leaflet.css"/>

<f:comment><!-- includes all shortcodes ; some of them may have to be removed --></f:comment>
<f:asset.css identifier="modern-shortcodes1" href="{assets_dir}/style/shortcodes/accordion.css"/>
<f:asset.css identifier="modern-shortcodes2" href="{assets_dir}/style/shortcodes/action-box.css"/>
<f:asset.css identifier="modern-shortcodes3" href="{assets_dir}/style/shortcodes/blockquote.css"/>
<f:asset.css identifier="modern-shortcodes4" href="{assets_dir}/style/shortcodes/bootstrap-typography.css"/>
<f:asset.css identifier="modern-shortcodes5" href="{assets_dir}/style/shortcodes/button.css"/>
<f:asset.css identifier="modern-shortcodes6" href="{assets_dir}/style/shortcodes/clients.css"/>
<f:asset.css identifier="modern-shortcodes7" href="{assets_dir}/style/shortcodes/contact-form.css"/>
<f:asset.css identifier="modern-shortcodes8" href="{assets_dir}/style/shortcodes/countdown.css"/>
<f:asset.css identifier="modern-shortcodes9" href="{assets_dir}/style/shortcodes/counter.css"/>
<f:asset.css identifier="modern-shortcodes10" href="{assets_dir}/style/shortcodes/divider.css"/>
<f:asset.css identifier="modern-shortcodes11" href="{assets_dir}/style/shortcodes/dropcap.css"/>
<f:asset.css identifier="modern-shortcodes12" href="{assets_dir}/style/shortcodes/feature-text.css"/>
<f:asset.css identifier="modern-shortcodes13" href="{assets_dir}/style/shortcodes/list-style.css"/>
<f:asset.css identifier="modern-shortcodes14" href="{assets_dir}/style/shortcodes/nice-select.css"/>
<f:asset.css identifier="modern-shortcodes15" href="{assets_dir}/style/shortcodes/owl-carousel.css"/>
<f:asset.css identifier="modern-shortcodes16" href="{assets_dir}/style/shortcodes/page-title.css"/>
<f:asset.css identifier="modern-shortcodes17" href="{assets_dir}/style/shortcodes/pie-chart.css"/>
<f:asset.css identifier="modern-shortcodes18" href="{assets_dir}/style/shortcodes/pricing.css"/>
<f:asset.css identifier="modern-shortcodes19" href="{assets_dir}/style/shortcodes/progress-bar.css"/>
<f:asset.css identifier="modern-shortcodes20" href="{assets_dir}/style/shortcodes/section-title.css"/>
<f:asset.css identifier="modern-shortcodes21" href="{assets_dir}/style/shortcodes/shortcodes.css"/>
<f:asset.css identifier="modern-shortcodes22" href="{assets_dir}/style/shortcodes/social-icons.css"/>
<f:asset.css identifier="modern-shortcodes23" href="{assets_dir}/style/shortcodes/tabs.css"/>
<f:asset.css identifier="modern-shortcodes24" href="{assets_dir}/style/shortcodes/team.css"/>
<f:asset.css identifier="modern-shortcodes25" href="{assets_dir}/style/shortcodes/testimonial.css"/>
<f:asset.css identifier="modern-shortcodes26" href="{assets_dir}/style/shortcodes/side-panel.css"/>
<f:asset.css identifier="modern-shortcodes27" href="{assets_dir}/style/shortcodes/onload-modal.css"/>


<f:comment><!-- main stylesheet of the template --></f:comment>
<f:asset.css identifier="modern-style-css"
               href="{assets_dir}/style/style.css"/>

<f:comment><!-- responsive stylesheet of the template (mediaqueries) --></f:comment>
<f:asset.css identifier="modern-responsive-css"
               href="{assets_dir}/style/responsive.css"/>

<f:asset.css identifier="modern-custom-css"
               href="{assets_dir}/style/custom.css"/>


<f:comment><!-- Chosen theme --></f:comment>
<f:asset.css identifier="modern-theme"
               href="{assets_dir}/style/skins/modern-{ot:template.getPreference(key: 'themeColor')}.css"/>

<f:comment><!-- Script assets --></f:comment>

<f:comment><!-- Defines the path of all plugin folders to allow dynamic loading --></f:comment>
<script>
    var plugin_path = '/typo3conf/ext/ot_templating/Resources/Public/assets/Modern/script/';
</script>

<f:asset.script identifier="modern-jquery"
                src="{assets_dir}/script/jquery-3.3.1.min.js"
                defer="1"/>

<f:comment><!-- includes all plugins ; can be removed if none of those plugins are used --></f:comment>
<f:asset.script identifier="modern-plugins-jquery"
                src="{assets_dir}/script/plugins-jquery.js"
                defer="1" />

<f:asset.script identifier="modern-recaptcha"
                src="https://www.google.com/recaptcha/api.js"
                defer="1"/>

<f:asset.script identifier="modern-jquery-tools"
                src="{assets_dir}/script/revolution/jquery.themepunch.tools.min.js"
                defer="1"/>

<f:asset.script identifier="modern-jquery-revolution"
                src="{assets_dir}/script/revolution/jquery.themepunch.revolution.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-actions"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.actions.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-carousel"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.carousel.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-kenburn"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.kenburn.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-layeranimation"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.layeranimation.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-parallax"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.parallax.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-navigation"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.navigation.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-slideanims"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.slideanims.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-navigation"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.navigation.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-video"
                src="{assets_dir}/script/revolution/extensions/revolution.extension.video.min.js"
                defer="1"/>

<f:asset.script identifier="modern-revolution-custom"
                src="{assets_dir}/script/revolution/revolution-custom.js"
                defer="1"/>

<f:asset.script identifier="modern-moment-js"
                src="{assets_dir}/script/bootstrap-datetimepicker/moment-datepicker.js"
                defer="1"/>

<f:asset.script identifier="modern-datetimepicker-js"
                src="{assets_dir}/script/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"
                defer="1"/>

<f:asset.script identifier="modern-slick-js"
                src="{assets_dir}/script/slick/slick.min.js"
                defer="1"/>

<f:asset.script identifier="modern-leaflet-js"
                src="{assets_dir}/script/leaflet/leaflet.js"
                defer="1"/>

<f:asset.script identifier="modern-magnific-popup"
                src="{assets_dir}/script/magnific-popup/jquery.magnific-popup.min.js"
                defer="1"/>

<f:asset.script identifier="modern-custom-js"
                src="{assets_dir}/script/custom.js"
                defer="1"/>

<f:asset.script identifier="modern-custom-ot-js"
                src="{assets_dir}/script/custom-ot.js"
                defer="1"/>