N3 Kulturkonfetti

Lyssna

Kulturkonfetti

Våren är full med uppspel och andra kulturella höjdpunkter där våra deltagare får chansen att visa upp vad de lärt sig. Vi kallar det N3 Kulturkonfetti! Det blir konserter, föreställningar, utställning och massa annat kul. En färgsprakande vår, fylld av kultur där våra deltagare står i centrum. Välkomna till N3!

24 april - Vernissage och utställning bildelever i Entrén

28 april - Öppen Scen

3 maj - Stipendiet

6 maj - Slow Fashion och Sticklingbyte

9 maj - Barnkulturlördag på Forngården

12 maj - Uppspel Stråk i Entrén

18 maj - Orkesterkonsert i Folkets Park

19 maj - Pianokonsert i Orkestersalen

19 maj - Banduppspel utanför N3

20 maj - Piano och Slagverkskonsert i Blackbox

30 maj - Hela Kronan gungar - Kör El Sistema

31 maj - Cirkle of Life Hebeteatern

31 maj - Blåskalaset

2 Juni - Solokonsert i Orkestersalen

27 Juni - Pride - Uppvisning danselever

Statistical Code

if (path.endsWith('/trollhattan-trampar') || path.endsWith('/trollhattan-trampar/')) {
    $('.bannerblock').first().find('.panelText-padding').addClass('left-align-banner');
  }
});
</script>
<style>
.panelText-padding.left-align-banner { text-align: left!important; }
</style>

if ($video.length && $h1.length) {
      $video.insertBefore($h1);
    }
  });
}
</script>

/**************************************************************************
	/***                         SITEIMPROVE                                ***
	/*************************************************************************/
	
    (function () {
        var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true;
        sz.src = '//siteimproveanalytics.com/js/siteanalyze_8055.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s);
    })();
	
	
	
	/**************************************************************************
	/***                        VISITORS VOICE                              ***
	/*************************************************************************/
	
    var _paq = _paq || [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
	
    (function() {
        var u="//tracking.visitorsvoice.com/piwik/";
        _paq.push(['setTrackerUrl', u+'piwik.php']);
        _paq.push(['setSiteId', '39']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
    })();
	
	
	/**************************************************************************
	/***                        EVENT TRACKING                              ***
	/*************************************************************************/

// Lyssna is clicked
    $(".bapluslogo").click(function(e){

// Siteimprove event
	    var eventCategory = "Lyssna på sidan";
	    var eventLabel = $('body').css('position') == 'absolute' ? "Close" : "Open";
	    var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });

// Lättläst is clicked
    $("#showEasyread").click(function(e){

// Siteimprove event
	    var eventCategory = "Lättläst";
	    var eventLabel = $('#showEasyread').hasClass('active') ? "Close" : "Open";
	    var eventAction = $(document).attr('title').replace(" - Trollhättans stad", "");
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });

// Hitta snabbt is clicked
    setTimeout(function() {$(".rek-link").click(function(e){

// Siteimprove event
	    var eventCategory = "Hitta snabbt";
	    var eventLabel = $(document).attr('title').replace(" - Trollhättans stad", "");
	    var eventAction = $(this).text();
	
	    _sz.push(['event', eventCategory, eventLabel, eventAction]);
    });
    }, 2000);
	
</script>

if ($("body").hasClass("StartPage")) {
	
	// Language links on startpage
	var languages_start = '<div style="float: right;position: relative;height: 2em;z-index: 1;background: #f0f0f0;padding: 0.5em;">';
	var img = '<i class="fa-solid fa-angle-right" style="margin-right:5px;"></i>';
	var eng = '<a style="margin:10px;" href="/en/homepage/">' + img + '<span class="show-for-sr">Show the article in  </span> English</a>';
	var fin = '<a style="margin:10px;" href="/fi/startsida/">' + img + '<span class="show-for-sr">Näytä artikkeli  </span> Suomi</a>';
	var swe = '<a style="margin:10px;" href="/startsida/">' + img + '<span class="show-for-sr">Visa artikeln på  </span> Svenska</a>';
	var languages_end = '</div>';
	var path = window.location.pathname;

switch (path) {
		case '/startsida/':
		case '/startsida':
			$('header').append(languages_start + eng + fin + languages_end);
			break;
		case '/fi/startsida/':
		case '/fi/startsida':
			$('header').append(languages_start + eng + swe + languages_end);
			break;
		case '/en/homepage/':
		case '/en/homepage':
			$('header').append(languages_start + swe + fin + languages_end);
			break;
		default:
			break;
	}
	
	/**************************************************************************
	/***                       CAMPAIGN COLORS                              ***
	/*************************************************************************/
		
	// Campaign: Red (den nya) startpage-panels when black
	//$('.startpage-panels .colorBlack').css({"background-color":"#C94846"});
	
	// Campaign: Orange startpage-panels when empty
	$('.startpage-panels .colorEmpty').css({"background-color":"#F8B068"});
}

</script>

/**************************************************************************
	/***                 Set Language Label in header                       ***
	/*************************************************************************/
	
	var userLanguage = navigator.language || navigator.userLanguage;
	var languageLabel;

switch (userLanguage) {
    	case 'sv' :
    	case 'sv-SE' :
	        languageLabel = "Språk";
        	break;
    	case 'en' :
    	case 'en-US' :
	        languageLabel = "Languages";
        	break;
    	case 'fi' :
	        languageLabel = "Kieli";
        	break;
    	default :
	        languageLabel = "Languages";
	}

$(".functionLinks ul li.colorLightYellow a strong").text($(".functionLinks ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
	$("#MobileMenu ul li.colorLightYellow a strong").text($("#MobileMenu ul li.colorLightYellow a strong").text().replace("Languages", languageLabel));
	
</script>

/**************************************************************************
	/***             Change background color to search tip                  ***
	/*************************************************************************/
	
	if ($("body").hasClass("SearchPage")) {
		var beforeTip = '</div></div></div><div class="row"><div class="block textblock full large-12 medium-12 small-12 columns"><div class="row colorLightYellow"><div class="medium-12 columns"><p>'
		var afterTip = '</p></div>'
		var oldtext = $('.searchNumberPresentation').html();
		var newtext = (oldtext.replace('<p>', beforeTip)).replace('</p>', afterTip);
		$('.searchNumberPresentation').html(newtext);
	}

</script>

__rekai.ready(function() {

var rekAutocomplete = rekai_autocomplete(
      '.searchKeywords',
      {
        // valfritt: debug: true
      },
      [
        {
          templates: {
            suggestion: function (suggestion) {
              var url = (suggestion && suggestion.url) ? String(suggestion.url) : "";
              var urlLower = url.toLowerCase();

var tagText = "Sida";
              var tagClass = "tag-page";

if (urlLower.indexOf("minasidor.trollhattan.se") > -1) {
                tagText = "E-tjänst";
                tagClass = "tag-eservice";
              } else if (urlLower.indexOf("/nyheter/") > -1) {
                tagText = "Nyhet";
                tagClass = "tag-news";
              }

// Rendera rad: titel + tag
              return (
                '<div class="rek-suggestion">' +
                  '<a class="rek-suggestion__link" href="' + escapeHTML(url) + '">' +
                    '<span class="rek-suggestion__title">' + escapeHTML(suggestion.title || "") + '</span>' +
                    '<span class="rek-suggestion__tag ' + tagClass + '">' + tagText + '</span>' +
                  '</a>' +
                '</div>'
              );
            }
          }
        }
      ]
    ).on('rekai_autocomplete:selected', function (event, suggestion, dataset) {
      window.location = suggestion.url;
    });

});
</script>

.SearchPage .rekai-autocomplete {
		width: 90%;
		float: left;
	}

.SearchPage  .contentarea { min-height: 40rem; }

.searcharea-quick .rekai-autocomplete {
		width: inherit;
		height: 100%;
		float: left;
		width: 16.875rem;
	}
	@media only screen and (max-width: 768px) {
		.SearchPage .rekai-autocomplete { width: 100%; }
	}
	@media only screen and (max-width: 984px) and (min-width: 768px) {
		.searcharea-quick .rekai-autocomplete { width: 10.625rem; }
	}

.rek-suggestion__link {
		display:flex;
		align-items:center;
		justify-content: flex-start;
		text-align: left;
		gap: .75rem;
		text-decoration:none;
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
	
	.rek-suggestion__title {
		text-align: left;
		flex: 1 1 auto;
		min-width: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

/* Etiketter */
	.rek-suggestion__tag {
		display:inline-flex;
		align-items:center;
		padding: 0 .5rem;
		border-radius: 999px;
		font-size: 1rem;
		line-height: 1.4;
		white-space: nowrap;
		color:#292929;
		background:#eee;
		margin-left: auto;
		flex: 0 0 auto;
	}

/* Etiketter */
	.rek-suggestion__tag.tag-eservice{ background:#7b2d78; color:#ffffff; }
	.rek-suggestion__tag.tag-news{ background:#ffb4d2; color:#292929; }
	.rek-suggestion__tag.tag-page{ background:#7de1ff; color:#292929; }
</style>

Cookies

N3 Kulturkonfetti