theming – Too many CSS files with drupal 9

I installed drupal with the web interface and using the default Bartik 9.1.6 theme. The html source showing too many stylesheet included in the header as well as near to the footer.
How can I remove unsuded css and js files?

In header

<title>Home | My Site</title>
    <link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/assets/vendor/normalize-css/normalize.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/misc/normalize-fixes.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/align.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/fieldgroup.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/container-inline.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/clearfix.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/details.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/hidden.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/item-list.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/js.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/nowrap.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/position-container.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/progress.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/reset-appearance.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/resize.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/sticky-header.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/tablesort.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/system/css/components/tree-child.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/ajax-progress.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/autocomplete-loading.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/tabledrag.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/contextual/css/contextual.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/assets/vendor/jquery.ui/themes/base/core.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/assets/vendor/jquery.ui/themes/base/resizable.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/assets/vendor/jquery.ui/themes/base/checkboxradio.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/assets/vendor/jquery.ui/themes/base/controlgroup.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/assets/vendor/jquery.ui/themes/base/button.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/quickedit/css/quickedit.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/views/css/views.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/toolbar.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/modules/contrib/devel/css/devel.toolbar.css?qrongn" />
<link rel="stylesheet" media="screen" href="http://drupal.stackexchange.com/drupal/core/modules/tour/css/tour.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/contextual/css/contextual.toolbar.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/state/toolbar.menu.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/contextual/css/contextual.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/contextual/css/contextual.icons.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/quickedit/css/quickedit.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/quickedit/css/quickedit.icons.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/seven/css/components/quickedit.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/shortcut/css/shortcut.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/shortcut/css/shortcut.icons.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/theme/toolbar.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/theme/toolbar.icons.theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/modules/user/css/user.icons.admin.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/modules/contrib/admin_toolbar/admin_toolbar_tools/css/tools.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/modules/contrib/admin_toolbar/css/admin.toolbar.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/base/elements.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/base/typography.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/base/print.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/layout/system-admin--layout.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/layout/breadcrumb.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/layout/local-actions.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/layout/layout.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-admin--admin-list.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-admin--links.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-admin--modules.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-admin--panel.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-admin--status-report.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/node.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/jquery.ui/theme.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/progress.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/layout/card-list.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/card.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/container-inline.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/exposed-filters.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/field.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/icons.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/inline-form.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/item-list.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/link.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/links.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/menu.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/more-link.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/tablesort.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/textarea.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/classy/components/ui-dialog.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/accordion.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/action-link.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/content-header.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/container-inline.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/container-inline.module.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/breadcrumb.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/button.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/details.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/divider.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/messages.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/entity-meta.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/fieldset.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form--checkbox-radio.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form--checkbox-radio--ie.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form--field-multiple.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form--managed-file.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form--text.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/form--select.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/help.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/image-preview.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/menus-and-lists.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/modules-page.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/node.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/page-title.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/pager.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/skip-link.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/tables.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/table--file-multiple-widget.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/search-admin-settings.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/tablesort-indicator.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-status-report.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-status-report-general-info.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/tableselect.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-status-report-counters.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/system-status-counter.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/tabs.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/views-ui.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/views-exposed-form.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/dialog.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/theme/colors.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/shortcut.css?qrongn" />
<link rel="stylesheet" media="all" href="http://drupal.stackexchange.com/drupal/core/themes/claro/css/components/tour.theme.css?qrongn" />

    <script src="https://drupal.stackexchange.com/drupal/core/assets/vendor/modernizr/modernizr.min.js?v=3.8.0"></script>
<script src="/drupal/core/misc/modernizr-additional-tests.js?v=3.8.0"></script>

And near to the footer

</div>

    
    
  <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"/drupal/","scriptPath":null,"pathPrefix":"","currentPath":"node","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"admin_toolbar/toolbar.tree,admin_toolbar_tools/toolbar.icon,big_pipe/big_pipe,claro/classy.node,claro/global-styling,contextual/drupal.contextual-links,contextual/drupal.contextual-toolbar,core/drupal.active-link,core/drupal.message,core/normalize,devel/devel-toolbar,quickedit/quickedit,shortcut/drupal.shortcut,system/base,toolbar/toolbar,toolbar/toolbar.escapeAdmin,tour/tour,user/drupal.user.icons,views/views.module","theme":"claro","theme_token":null},"ajaxTrustedUrl":(),"bigPipePlaceholderIds":{"callback=Drupal%5CCore%5CRender%5CElement%5CStatusMessages%3A%3ArenderMessagesu0026args%5B0%5Du0026token=_HAdUpwWmet0TOTe2PSiJuMntExoshbm1kh2wQzzzAA":true,"callback=Drupal%5Cdevel%5CToolbarHandler%3AlazyBuilderu0026u0026token=aWxkb66rXy701UgPJu0fWo_EZYjKGt5PNmbtKiiJmks":true,"callback=user.toolbar_link_builder%3ArenderToolbarLinksu0026u0026token=xssKdKFVFD7N0FUPPcC1C7LrqMHpQFVzUhrI4cOeEgs":true,"callback=user.toolbar_link_builder%3ArenderDisplayNameu0026u0026token=-MH2NzEnTzbzMk0ZGfGgoiw7G3j_-Q1ILWBRVhIOKLI":true,"callback=shortcut.lazy_builders%3AlazyLinksu0026u0026token=N1997Wch59v-LxHku3-dD44wjkSNmhegNzlZ8jS0L5I":true},"toolbar":{"breakpoints":{"toolbar.narrow":"only screen and (min-width: 16.5em)","toolbar.standard":"only screen and (min-width: 38.125em)","toolbar.wide":"only screen and (min-width: 61em)"},"subtreesHash":"vBP4ESm31g1nvKqoba4Mw1IIIIA0EEO7IHtD4rNXHMc"},"user":{"uid":"1","permissionsHash":"b042cce329752869b093cc9c48aa4c26eed4c3b5df70661980405395c0f53a2a"}}</script>
<script src="https://drupal.stackexchange.com/drupal/core/assets/vendor/jquery/jquery.min.js?v=3.5.1"></script>
<script src="/drupal/core/assets/vendor/underscore/underscore-min.js?v=1.11.0"></script>
<script src="/drupal/core/misc/polyfills/array.find.js?v=9.1.6"></script>
<script src="/drupal/core/assets/vendor/es6-promise/es6-promise.auto.min.js?v=4.2.8"></script>
<script src="/drupal/core/misc/polyfills/object.assign.js?v=9.1.6"></script>
<script src="/drupal/core/assets/vendor/jquery-once/jquery.once.min.js?v=2.2.3"></script>
<script src="/drupal/core/assets/vendor/backbone/backbone-min.js?v=1.4.0"></script>
<script src="/drupal/core/misc/drupalSettingsLoader.js?v=9.1.6"></script>
<script src="/drupal/core/misc/drupal.js?v=9.1.6"></script>
<script src="/drupal/core/misc/drupal.init.js?v=9.1.6"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/data-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/disable-selection-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/form-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/labels-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/jquery-1-7-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/scroll-parent-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/tabbable-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/unique-id-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/version-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/escape-selector-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/focusable-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/keycode-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/plugin-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/safe-active-element-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/safe-blur-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widget-min.js?v=1.12.1"></script>
<script src="/drupal/core/modules/contextual/js/contextual.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/models/StateModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/views/AuralView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/views/KeyboardView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/views/RegionView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/views/VisualView.js?v=9.1.6"></script>
<script src="/drupal/core/misc/progress.js?v=9.1.6"></script>
<script src="/drupal/core/misc/ajax.js?v=9.1.6"></script>
<script src="/drupal/core/themes/claro/js/ajax.js?qrongn"></script>
<script src="/drupal/core/assets/vendor/jquery-form/jquery.form.min.js?v=4.22"></script>
<script src="/drupal/core/misc/debounce.js?v=9.1.6"></script>
<script src="/drupal/core/misc/displace.js?v=9.1.6"></script>
<script src="/drupal/core/misc/form.js?v=9.1.6"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/mouse-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/ie-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/draggable-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/position-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/resizable-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/form-reset-mixin-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/checkboxradio-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/controlgroup-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/button-min.js?v=1.12.1"></script>
<script src="/drupal/core/assets/vendor/jquery.ui/ui/widgets/dialog-min.js?v=1.12.1"></script>
<script src="/drupal/core/misc/dialog/dialog.js?v=9.1.6"></script>
<script src="/drupal/core/misc/dialog/dialog.position.js?v=9.1.6"></script>
<script src="/drupal/core/misc/dialog/dialog.jquery-ui.js?v=9.1.6"></script>
<script src="/drupal/core/assets/vendor/popperjs/popper.min.js?v=2.5.4"></script>
<script src="/drupal/core/modules/quickedit/js/quickedit.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/util.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/models/BaseModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/models/AppModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/models/EntityModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/models/FieldModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/models/EditorModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/AppView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/FieldDecorationView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/EntityDecorationView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/EntityToolbarView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/ContextualLinkView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/FieldToolbarView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/views/EditorView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/quickedit/js/theme.js?v=9.1.6"></script>
<script src="/drupal/core/misc/announce.js?v=9.1.6"></script>
<script src="/drupal/core/misc/message.js?v=9.1.6"></script>
<script src="/drupal/core/themes/claro/js/messages.js?qrongn"></script>
<script src="/drupal/core/misc/active-link.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/toolbar.menu.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/toolbar.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/models/MenuModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/models/ToolbarModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/views/BodyVisualView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/views/MenuVisualView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/views/ToolbarAuralView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/toolbar/js/views/ToolbarVisualView.js?v=9.1.6"></script>
<script src="/drupal/core/assets/vendor/jquery-joyride/jquery.joyride-2.1.js?v=2.1.0.1"></script>
<script src="/drupal/core/modules/tour/js/tour.js?v=9.1.6"></script>
<script src="/drupal/core/misc/tabbingmanager.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/contextual.toolbar.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/toolbar/models/StateModel.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/toolbar/views/AuralView.js?v=9.1.6"></script>
<script src="/drupal/core/modules/contextual/js/toolbar/views/VisualView.js?v=9.1.6"></script>
<script src="/drupal/modules/contrib/admin_toolbar/js/jquery.hoverIntent.js?qrongn"></script>
<script src="/drupal/modules/contrib/admin_toolbar/js/admin_toolbar.js?qrongn"></script>
<script src="/drupal/core/modules/toolbar/js/escapeAdmin.js?v=9.1.6"></script>
<script src="/drupal/core/modules/big_pipe/js/big_pipe.js?v=9.1.6"></script>

<script type="application/vnd.drupal-ajax" data-big-pipe-event="start"></script>
    <script type="application/vnd.drupal-ajax" data-big-pipe-replacement-for-placeholder-with-id="callback=shortcut.lazy_builders%3AlazyLinks&amp;&amp;token=N1997Wch59v-LxHku3-dD44wjkSNmhegNzlZ8jS0L5I">
    ({"command":"insert","method":"replaceWith","selector":"(data-big-pipe-placeholder-id=u0022callback=shortcut.lazy_builders%3AlazyLinksu0026u0026token=N1997Wch59v-LxHku3-dD44wjkSNmhegNzlZ8jS0L5Iu0022)","data":"u003Cul class=u0022toolbar-menuu0022u003Eu003Cliu003Eu003Ca href=u0022/drupal/node/addu0022u003EAdd contentu003C/au003Eu003C/liu003Eu003Cliu003Eu003Ca href=u0022/drupal/admin/contentu0022u003EAll contentu003C/au003Eu003C/liu003Eu003C/ulu003Eu003Ca href=u0022/drupal/admin/config/user-interface/shortcut/manage/default/customizeu0022 class=u0022edit-shortcutsu0022u003EEdit shortcutsu003C/au003E","settings":null})
    </script>    <script type="application/vnd.drupal-ajax" data-big-pipe-replacement-for-placeholder-with-id="callback=user.toolbar_link_builder%3ArenderDisplayName&amp;&amp;token=-MH2NzEnTzbzMk0ZGfGgoiw7G3j_-Q1ILWBRVhIOKLI">
    ({"command":"insert","method":"replaceWith","selector":"(data-big-pipe-placeholder-id=u0022callback=user.toolbar_link_builder%3ArenderDisplayNameu0026u0026token=-MH2NzEnTzbzMk0ZGfGgoiw7G3j_-Q1ILWBRVhIOKLIu0022)","data":"cvniras","settings":null})
    </script>    <script type="application/vnd.drupal-ajax" data-big-pipe-replacement-for-placeholder-with-id="callback=user.toolbar_link_builder%3ArenderToolbarLinks&amp;&amp;token=xssKdKFVFD7N0FUPPcC1C7LrqMHpQFVzUhrI4cOeEgs">
    ({"command":"insert","method":"replaceWith","selector":"(data-big-pipe-placeholder-id=u0022callback=user.toolbar_link_builder%3ArenderToolbarLinksu0026u0026token=xssKdKFVFD7N0FUPPcC1C7LrqMHpQFVzUhrI4cOeEgsu0022)","data":"u003Cul class=u0022toolbar-menuu0022u003Eu003Cli class=u0022accountu0022u003Eu003Ca href=u0022/drupal/useru0022 title=u0022User accountu0022u003EView profileu003C/au003Eu003C/liu003Eu003Cli class=u0022account-editu0022u003Eu003Ca href=u0022/drupal/user/1/editu0022 title=u0022Edit user accountu0022u003EEdit profileu003C/au003Eu003C/liu003Eu003Cli class=u0022logoutu0022u003Eu003Ca href=u0022/drupal/user/logoutu0022u003ELog outu003C/au003Eu003C/liu003Eu003C/ulu003E","settings":null})
    </script>    <script type="application/vnd.drupal-ajax" data-big-pipe-replacement-for-placeholder-with-id="callback=Drupal%5Cdevel%5CToolbarHandler%3AlazyBuilder&amp;&amp;token=aWxkb66rXy701UgPJu0fWo_EZYjKGt5PNmbtKiiJmks">
    ({"command":"insert","method":"replaceWith","selector":"(data-big-pipe-placeholder-id=u0022callback=Drupal%5Cdevel%5CToolbarHandler%3AlazyBuilderu0026u0026token=aWxkb66rXy701UgPJu0fWo_EZYjKGt5PNmbtKiiJmksu0022)","data":"n              u003Cul class=u0022toolbar-menu claro-toolbar-menuu0022u003En                    u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/cache/clear?destination=/drupal/nodeu0026amp;token=syd9Fa6b7q9b7RD4bmOEEfKXoLtsL674mgYxCM5KHuwu0022 data-drupal-link-query=u0022{u0026quot;destinationu0026quot;:u0026quot;\/drupal\/nodeu0026quot;}u0022 data-drupal-link-system-path=u0022devel/cache/clearu0022u003ECache clearu003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/configu0022 title=u0022Edit configuration.u0022 class=u0022toolbar-horizontal-item-hiddenu0022 data-drupal-link-system-path=u0022devel/configu0022u003EConfig editoru003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/container/serviceu0022 data-drupal-link-system-path=u0022devel/container/serviceu0022u003EContainer Infou003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/routes/item?path=/nodeu0022 class=u0022toolbar-horizontal-item-hiddenu0022 data-drupal-link-query=u0022{u0026quot;pathu0026quot;:u0026quot;\/nodeu0026quot;}u0022 data-drupal-link-system-path=u0022devel/routes/itemu0022u003ECurrent route infou003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/admin/config/development/develu0022 title=u0022Helper functions, pages, and blocks to assist Drupal developers. The devel blocks can be managed via the block administration page.u0022 data-drupal-link-system-path=u0022admin/config/development/develu0022u003EDevel settingsu003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/elementsu0022 class=u0022toolbar-horizontal-item-hiddenu0022 data-drupal-link-system-path=u0022devel/elementsu0022u003EElement Infou003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/entity/infou0022 class=u0022toolbar-horizontal-item-hiddenu0022 data-drupal-link-system-path=u0022devel/entity/infou0022u003EEntity Infou003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/eventsu0022 class=u0022toolbar-horizontal-item-hiddenu0022 data-drupal-link-system-path=u0022devel/eventsu0022u003EEvents Infou003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003En        u003Ca href=u0022/drupal/devel/field/infou0022 class=u0022toolbar-horizontal-item-hiddenu0022 data-drupal-link-system-path=u0022devel/field/infou0022u003EField Infou003C/au003En              u003C/liu003En                u003Cli class=u0022menu-itemu0022u003E

theming – How can I add CSS variables to the HTML head?

For my site I want to be able to set custom css variables to the sites head. I don’t want to add css files just inline css code. In the end I want users to be able to set colors using a color picker. These colors should be translated to the css variables added to the sites head.

For this I looked at the code in the css vars module this brought me a long way. But i’m not able to add css variables in the body of the page.

For this I use hook_page_top. But my code now is ending up in the top of the <body> and I want it to be in the <head>. Strange enough…when I look at the screencast (min 7:35) of the creator of the css vars module I see that his code does get in to the <head>.

I simplified the code in my theme_color module to figure out how it works. So maybe that’s the problem? How can I get my css variables in the head of the page?

I have a theme_color.module:

<?php
/**
 * @file
 *   CSS Variables module.
 */

use Drupaltheme_colorHooks;

/**
 * Implements hook_page_top().
 */
function theme_color_page_top(array &$page_top) {
  Hooks::hookPageTop($page_top);
}

I have a Hooks.php just like the example module:

<?php

namespace Drupaltheme_color;

class Hooks
{

  public static function hookPageTop(array &$pageTop)
  {
    if ($build = self::makeThemeColorBuild()) {
      $pageTop('theme_color') = $build;
    }
  }

  private static function makeThemeColorBuild()
  {
    $build = (
      '#type' => 'html_tag',
      '#tag' => 'style',
      '#value' => "html:root {n--test-var: yellow;n}",
    );
    return $build;
  }
}

Update:

I tried earlier, and again after get the suggestions in comments to use hook_preprocess_html

function theme_color_preprocess_html(&$variables)
{
  $build = (
    '#tag' => 'style',
    '#value' => "html:root {n--test-var: pink;n}",
  );
  $variables('page')('#attached')('html_head')() = ($build, '?tag?');
}

This is working but what kind of tag do I need to put after the $build in the $variables line of code??

theming – How to theme multiple uploaded files in custom form module Drupal 8

I want to create a file field where I can upload multiple files but I want to change design of the uploaded file.

I want to remove checkbox, I want to display only count of the file instead of name of the file and I want add remove buttons to each files.

It will display this info when user upload file I just want to change design of the file info. I have uploaded example image of what I want to do

I what this

enter image description here

instead of this

enter image description here

I want to do this using custom module. Please help me

Thanks

theming – Adding Count Up module to custom front page

My end goal is to put several Count Up numbers on my custom front page. But I’m having trouble getting it implemented.

First, I installed the Count Up library (https://github.com/inorganik/CountUp.js) and put it in the libraries directory.

Then in mytheme.libraries.yml, I put

countup:
  version: 1.0
  js:
    /libraries/countup.js/dist/countUp.umd.js: {}
  dependencies:
    - core/jquery

And then in page–front.html.twig, I put

{{ attach_library('mytheme/countup') }}
            <div class="countup">
              <div id="transit_count">0</div>
              <script>
                $(function() {
                  let transits = new CountUp('transit_count', 6699);
                  if (!transits.error) {
                    transits.start();
                  } else {
                    console.error(transits.error);
                  }
                });
              </script>
            </div>

When I flushed the cache, I got this error: “Uncaught ReferenceError: CountUp is not defined”.

What am I missing here? I’m pretty weak at JS so it could be something obvious.

Thanks!

theming – Using TB Megamenu, how to close one submenu when I open another submenu?

I’m building a couple of (Drupal 8.9.13 and Drupal 9 based) sites where I use TB Megamenu megamenu module (https://www.drupal.org/project/tb_megamenu) to create the menu. All is working fine on desktop/laptop etc, when I hover over the top menu items the related submenu slides open, when the cursor moves away it folds away again.

On narrow screen/mobile, the menu collapses to a hamburger in header. When I click the hamburger, the menu appears as intended, with the top level (no-clickable) items appearing. When I click each of the top items the related submenu items appear, again as intended.

However, when I then click another submenu trigger, the other submenu opens, but the previously opened submenu stays open as well. Taking up lots of vertical space and pushing parts of the menu off the screen.

What do I need to change to have only ever one submenu open at any one time (i.e. triggering a new submenu closes the one that was opened before)? There is no setting for this in the TB megamenu configuration (drupal module), and no instructions on this in the documentation. I assume I have to add some (java)script either in my theme .js file, or change add something in the TB Megamenu tb-megamenu-frontend.js, most likely an onClick event that runs through all top items with submenus and closes all others but the clicked one?

I had the same issue a long time ago with the Mobile Sliding Menu (see that question and answer. I have tried the javascript that was suggested there (adapting the class names to match my TB menu etc), but it doesn’t work here.

I have exactly the same behaviour (of submenus staying open) on all versions of TB megamenu, (from D7 to D8 to D9, various older as well as latest development releases), and would love to find out how to address this..

Many thanks for any help on this!

theming – Adding layout builder enabled template suggestions on page-level twig

I want to detect if Layout Builder is enabled (D8), so that I can add a new page and page-level twig templates that will allow a completely different structure for my site – in this case based on Layout Builder’s layouts.

I found this resource :

/**
 * Implements hook_theme_suggestions_HOOK_alter() for page templates.
 * @param array $suggestions
 * @param array $variables
 */
function MY_theme_suggestions_page_alter(array &$suggestions, array $variables) {
  if ($node = Drupal::request()->attributes->get('node')) {
      if(!empty($node) && $node instanceof DrupalnodeNodeInterface) {
          $type = $node->getType();
  
           // Add content type suggestions.
          array_splice($suggestions, 1, 0, 'page__' . $type);

          // Add layout builder enabled template suggestions
          try {
              $entityTypeManager = Drupal::service('entity_type.manager');
              $storage = $entityTypeManager->getStorage('entity_view_display');
              $view_display = $storage->load('node.' . $type . '.default');

              if (!is_null($view_display)) {
                  $layout_builder_enabled = $view_display->getThirdPartySetting('layout_builder', 'enabled');
                  if($layout_builder_enabled) {
                      array_splice($suggestions, 1, 0, 'page__node__layout__' . $type);
                      array_splice($suggestions, 1, 0, 'page__node__layout');
                 }
              }
          } catch (Exception $e) {
              Drupal::logger('type')->error('Error in ifac.theme ifac_theme_suggestions_page_alter' . $e->getMessage());
          }
      }
  }
}

But in my case this code only works for node types “article”.
What can I do to make it work for others node types using layout builder?
Any suggestions?

theming – CSS styling breaks field hide mechanism

I have some jquery set up to hide a radio list field when the user clicks on an adjacent field. I’m trying to style the radio list to display horizontally, but it breaks the jquery. I believe this happens because I am declaring the display value for the radio list in CSS, which overrides the hide function in the code.

The jquery looks like this:

      // apply event handler to radio inputs
      $('.main-field input').change(function(){
        // if 1 or more YES selections are found
        if($('.main-field input:checked').length > 0){
          // hide submit button
          $('.radio-list-field').hide();
        }
        // otherwise
        else{
          // show submit button
          $('.radio-list-field').show();
        }
      });
 });
})(jQuery);

The css portion to style the radio list currently includes this:

.radio-list-item-wrapper {
    display: inline;
    margin: 10px 1em;
    padding: 0;
    list-style: none;
    position: relative;
}

I have tried using flex instead of inline, but that doesn’t work either. None of the other attributes affect functionality.

Is there a way to display a radio list horizontally without declaring the display: inline/flex attribute, or perhaps a different approach that gets me the display I want without breaking the jquery code?

This is for a Drupal 7 site.

theming – How can I style the webform submissions table?

Using Drupal 9 and Webform, I’m unable to find the twig template used to output /contact/form/submissions. Is there a place in the documentation that lists the twig templates? I see there is a View created that looks like it has submissions, but disabling it doesn’t break the page. If there is a better way to style it, that could also work.

theming – jQuery Dependency on custom theme is not adding jQuery in drupal 8.9?

I know that this question has been asked previously many times but any of the solutions are not working in my case so please, I request if anyone can help me with this situation please provide me assistance.
I have added dependency of the core jQuery(along with other core libraries) in my theme.libraries.yml but only core jQuery is not loading in my drupal frontend and the console is showing the error of jQuery is not defined.
Also other drupal core libraries as working fine only jQuery is not loading.

My code of various files is as follows

theme.libraries.yml

global-styling:   
  version: 1.x   
  css:
    theme:
      css/bootstrap.css: {}
      css/custom.css: {}
      css/owl.carousel.min.css: {}
      css/owl.theme.default.min.css: {}
      css/responsive.css: {}
      css/style.css: {}
      fonts/fonts.css: {}   
  js:
    js/bootstrap.js: {}
    js/owl.carousel.min.js: {}
    js/popper.js: {}
    js/scripts.js: {}   
  dependencies:
    - core/jquery
    - core/jquery.once
    - core/drupal

theme.info.yml

name: wcsb
type: theme
description: 'Another outstanding WebCube Theme'
package: Core
version: '0.1.2'
core: '8.x'
base theme: classy

libraries:
  - wcsb/global-styling

regions:
  header_bar_1: 'Header Bar 1'
  header_bar_2: 'Header Bar 2'
  header_bar_3: 'Header Bar 3'
  header_bar_4: 'Header Bar 4'
  mobile_header_1: 'Mobile Header 1'
  mobile_header_2: 'Mobile Header 2'
  slider_images: 'Slider Images'
  breadcrumb: Breadcrumb
  featured_top: 'Featured top'
  above_content: 'Above Content'
  content: Content
  below_content: 'Below Content'
  sidebar_first: 'Sidebar first'
  sidebar_second: 'Sidebar second'
  featured_bottom_first: 'Featured bottom first'
  featured_bottom_second: 'Featured bottom second'
  featured_bottom_third: 'Featured bottom third'
  footer_first: 'Footer first'
  footer_second: 'Footer second'
  footer_third: 'Footer third'
  footer_fourth: 'Footer fourth'
  footer_fifth: 'Footer fifth'

list of scripts loading

<body class="path-frontpage page-node-type-page" data-new-gr-c-s-check-loaded="14.1002.0" data-gr-ext-installed=""
cz-shortcut-listen="true">

<script type="application/json" data-drupal-selector="drupal-settings-json">
    {
        "path": {
            "baseUrl": "/",
            "scriptPath": null,
            "pathPrefix": "",
            "currentPath": "node/1",
            "currentPathIsAdmin": false,
            "isFront": true,
            "currentLanguage": "en"
        },
        "pluralDelimiter": "u0003",
        "suppressDeprecationErrors": true,
        "ajaxTrustedUrl": {
            "form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM": true
        },
        "user": {
            "uid": 0,
            "permissionsHash": "508c848d9cf616f3b3735479b8cad945e128b7dbb0a534206170c7d3643afe05"
        }
    }
</script>
<script src="https://drupal.stackexchange.com/core/assets/vendor/jquery-once/jquery.once.min.js?v=2.2.3"></script>
<script src="/core/misc/drupalSettingsLoader.js?v=8.9.13"></script>
<script src="/core/misc/drupal.js?v=8.9.13"></script>
<script src="/core/misc/drupal.init.js?v=8.9.13"></script>
<script src="/themes/custom/wcsb/js/bootstrap.js?v=8.9.13"></script>
<script src="/themes/custom/wcsb/js/owl.carousel.min.js?v=8.9.13"></script>
<script src="/themes/custom/wcsb/js/popper.js?v=8.9.13"></script>
<script src="/themes/custom/wcsb/js/scripts.js?v=8.9.13"></script>
<script src="/modules/contrib/commerce/modules/cart/js/commerce_cart.js?v=8.9.13"></script>

console errors
console showing jquery is not defined errors.

theming – How can I access webform submission values from webform-confirmation.html.twig

I have a webform with Inline confirmation, AJAX enabled and saving of submissions disabled.

Is it possible to access the submitted values from the webform-confirmation.html.twig template?

I know that I can do this by adding token values to the Confirmation message in the WebForm UI. But I prefer to solve this by modifying the template.

My motivation for doing this is that I need to add a javascript snippet after the user has submitted the form. And I want to do it at the template level because I have a larger number of forms where I need to add the javascript snippet.

Cheers

Stian