<commit_before><!DOCTYPE html>
<html>
	<head>
		
		<title>{{ .Title }} &middot; Demo</title>

		<!-- css -->
		<link rel="stylesheet" href="style.css">

		<!-- meta tags -->
	  <meta http-equiv="content-type" content="text/html; charset=utf-8">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

	  <!-- meta for google -->
		<meta name="description" content="{{ .Description }}">
		<meta name="keywords" content="html, css, javascript, ui, ux, ui/ux, animation, interaction, coding, design">
		<meta name="author" content="<NAME>">

		<!-- meta for fb -->          
		<meta property="og:type" content="article">
		<meta property="og:url" content=" {{ .Permalink }}">
		<meta property="og:title" content="{{ .Title }}">
		<meta property="og:description" content="{{ .Description }}">
	  <meta property="og:image" content="{{ .Site.BaseURL }}images/posters/{{ .Params.poster }}">

		<!-- meta for twitter -->          
		<meta name="twitter:card" content="summary">
		<meta name="twitter:title" content="{{ .Title }}">
		<meta name="twitter:description" content="{{ .Description }}">
		<meta name="twitter:image" content="{{ .Site.BaseURL }}images/posters/{{ .Params.poster }}">

		<!-- favicon -->
	  <link rel="icon" href='{{ "images/favicon.ico" | absURL }}'>

		<style>

			@import url('https://fonts.googleapis.com/css?family=Adamina');
			
			.demo-header {
				position: fixed;
				top: 30px;
				z-index: 9;
				left: 30px;
			}

			.demo-header.alt {
				background: linear-gradient(to right, #fff, transparent);
			  padding: 12px 15px;
				padding-right: 30px;
			  top: 30px;
			  left: 0;
			}

			.demo-header.alt .link,
			.demo-header.alt .bull {
				color: #333;
			}

			.demo-header.alt .logo {
				border-color: #ccc;
			}

			.logo {
				height: 35px;
				display: block;
				float: left;
				border-right: 1px solid #ccc;
		 		margin-right: 15px;
		 		padding-right: 15px;
			}

			.logo img {
			 	height: 100%;
				display: block;
		 	}

		 	.link {
		 		line-height: 35px;
		 		display: inline-block;
		 		font-size: 1rem;
		 		font-family: "Adamina", sans-serif;
		 		color: #426ec2;
		 		position: relative;
		 	}

		 	.bull {
		 		color: #426ec2;
		 		margin: 0 6px;
		 	}


		</style>
		
	</head>

	<body>

		{{ if eq .Params.headerBg "true" }}
			<header class="demo-header alt">
		{{ else }}
			<header class="demo-header">
		{{ end }}

			<a class="logo" href="{{ .Site.BaseURL }}">
				<img src="{{ .Site.BaseURL }}images/logo3.svg" alt="logo">
			</a>
			<a class="link" href='{{ replace .Permalink "demo" "post" }}'>Read Article</a>

			<span class="bull">&bull;</span>
			<a class="link" href="{{ .Params.github }}" target="_blank">Source Code</a>
		</header>

		{{ .Content }}

	</body>

</html><commit_msg>added new element about versions list if demo pages are more than 1<commit_after><!DOCTYPE html>
<html>
	<head>
		
		<title>{{ .Title }} &middot; Demo</title>

		<!-- css -->
		{{ if eq .Params.notIndex "true" }}
			<link rel="stylesheet" href="../style.css">
		{{ else }}
			<link rel="stylesheet" href="style.css">
		{{ end }}

		<!-- meta tags -->
	  <meta http-equiv="content-type" content="text/html; charset=utf-8">
	  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

	  <!-- meta for google -->
		<meta name="description" content="{{ .Description }}">
		<meta name="keywords" content="html, css, javascript, ui, ux, ui/ux, animation, interaction, coding, design">
		<meta name="author" content="<NAME>">

		<!-- meta for fb -->          
		<meta property="og:type" content="article">
		<meta property="og:url" content=" {{ .Permalink }}">
		<meta property="og:title" content="{{ .Title }}">
		<meta property="og:description" content="{{ .Description }}">
	  <meta property="og:image" content="{{ .Site.BaseURL }}images/posters/{{ .Params.poster }}">

		<!-- meta for twitter -->          
		<meta name="twitter:card" content="summary">
		<meta name="twitter:title" content="{{ .Title }}">
		<meta name="twitter:description" content="{{ .Description }}">
		<meta name="twitter:image" content="{{ .Site.BaseURL }}images/posters/{{ .Params.poster }}">

		<!-- favicon -->
	  <link rel="icon" href='{{ "images/favicon.ico" | absURL }}'>

		<style>

			@import url('https://fonts.googleapis.com/css?family=Adamina');
			
			.demo-header {
				position: fixed;
				top: 30px;
				z-index: 9;
				left: 30px;
			}

			.demo-header.alt {
				background: linear-gradient(to right, #fff, transparent);
			  padding: 12px 15px;
				padding-right: 30px;
			  top: 30px;
			  left: 0;
			}

			.demo-header.alt .link,
			.demo-header.alt .bull {
				color: #333;
			}

			.demo-header.alt .logo {
				border-color: #ccc;
			}

			.logo {
				height: 35px;
				display: block;
				float: left;
				border-right: 1px solid #ccc;
		 		margin-right: 15px;
		 		padding-right: 15px;
			}

			.logo img {
			 	height: 100%;
				display: block;
		 	}

		 	.link {
		 		line-height: 35px;
		 		display: inline-block;
		 		font-size: 1rem;
		 		font-family: "Adamina", sans-serif;
		 		color: #426ec2;
		 		position: relative;
		 	}

		 	.bull {
		 		color: #426ec2;
		 		margin: 0 6px;
		 	}

		 	.versions {
		 		position: fixed;
		 		right: 20px;
		 		bottom: 20px;
		 		z-index: 9;
		 		display: flex;
		 	}

		 	.versions li {
		 		list-style-type: none;
		 		padding: 0;
		 		margin-left: 10px;
		 	}

		 	.versions a {
		 		display: block;
		 		font-family: "Adamina", sans-serif;
		 		font-size: .85rem;
		 		color: #777;
		 		text-decoration: none;
		 	}

		 	.versions a.active {
		 		color: #426ec2;
		 	}

		 	.divider {
		 		color: #ccc;
		 		top: 2px;
		 		position: relative;
		 	}

		</style>
		
	</head>

	<body>

		{{ if eq .Params.headerBg "true" }}
			<header class="demo-header alt">
		{{ else }}
			<header class="demo-header">
		{{ end }}

			<a class="logo" href="{{ .Site.BaseURL }}">
				<img src="{{ .Site.BaseURL }}images/logo3.svg" alt="logo">
			</a>
			{{ $newPermalink := replace .Permalink "demo" "post" }}
			{{ if eq .Params.notIndex "true" }}
				<a class="link" href='{{ replace $newPermalink "/2" "" }}'>Read Article</a>
			{{ else }}
				<a class="link" href='{{ $newPermalink }}'>Read Article</a>
			{{ end }}
			<span class="bull">&bull;</span>
			<a class="link" href="{{ .Params.github }}" target="_blank">See on GitHub</a>
		</header>

		{{ .Content }}

	</body>

</html>
{'fraction_non_alphanumeric': 0.19676214196762143, 'fraction_numerical': 0.017123287671232876, 'mean_word_length': 2.748541423570595, 'pattern_counts': {'":': 0, '<': 98, '<?xml version=': 0, '>': 98, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '888481', 'n_tokens_mistral': 2867, 'n_tokens_neox': 2233, 'n_words': 516}