<commit_before>@extends('layouts.application')
@section('content')
		<div class="backgrounds overlay">
			<div class="background aos-init aos-animate" data-aos="fade-in" data-aos-duration="1500" data-aos-anchor=".section--hero"></div>
		</div>

		<header class="hero">
			<div class="hero-center">
				<h1 class="hero__logo aos-init aos-animate" data-aos="zoom-in">STTS</h1>
				<h2 class="hero__text aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400">Survey Kepuasan Kinerja</h2>
			</div>
			<span class="hero__scroll aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="800">
				Scroll down <br>
				<i class="chevron bottom"></i>
			</span>
			<a href="http://github.com/michalsnik/aos" target="_blank" class="octocat aos-init aos-animate" data-aos="zoom-out" data-aos-delay="1500">

			</a>
		</header>
		<script>
			$(document).ready(function(){
				$('.jawaban-items ul li').on('click',function(){
					$(this).css({background: '#337ab7'});
				})
				$('.hero__scroll').on('click',function(e){
					setTimeout(function(){
						$('.jawab-container').fadeIn('slow');
					},400)
				})
				$('#next-btn').on('click',function(e){
					$('.jawaban-items ul li').each(function(){
						$(this).removeAttr('style');
					})
					var id = Number($(this).attr('data-id'));
					var section = Number($(this).attr('data-section'));
					var sectionCode = $('.section--code')[section];
					var animateSection = function(section, id){
						var sectionCode = $('.section--code')[section];
						$('html, body').animate({
								scrollTop: $($(sectionCode).find('.code')[id]).offset().top
						}, 1000);
					}
					animateSection(section, id);

					if(section == $('.section--code').length-1 && id == $(sectionCode).find('.code').length-1){
						alert('Terima kasih atas partisipasinya!');
						$('.jawab-container').fadeOut('slow');
						$('html, body').animate({
								scrollTop: 0
						}, 3000);
						return false;
					}

					if(id == $(sectionCode).find('.code').length-1){
						var idx = 0;
						var sectionx = section+1;
						// debugger
						var sectionCode = $('.section--code')[sectionx];
						// debugger
						$('html, body').animate({
								scrollTop: $(sectionCode).find('.section-title').offset().top
						}, 1000);
					}else{
						var idx = id+1;
					}
					$(this).attr('data-id',idx)
					$(this).attr('data-section',sectionx)
				})
			});
		</script>
		<style>
			.jawab-container{
				position: fixed;
		    bottom: 0;
		    width: 100%;
		    height: 60px;
		    background: #fff;
		    color: #000;
		    z-index: 1;
		    display: table;
			}
			.jawaban-items, .btn-container{
				display: table-cell;
    		vertical-align: middle;
			}
			.btn-container button{
				background: #337ab7;
				color: #fff;
				border: none;
				padding: 5px 20px;
				border-radius: 5px;
				font-size: 20px;
				text-transform: capitalize;
			}
			.jawaban-items ul{
				text-align: center;
			}
			.jawaban-items ul li{
				margin: 0px 5px;
				width: 50px;
				padding: 10px 0;
				display: inline-block;
				background: tomato;
				cursor: pointer;
				border-radius: 5px;
			}
			.code--wider{
				width: 100%;
			}
			.code--wider .hljs{
				padding: 0;
			}
		</style>
			<div class="jawab-container" style="display: none;">
				<div class="jawaban-items">
					<ul>
						<li>A</li>
						<li>B</li>
						<li>C</li>
						<li>D</li>
						<li>E</li>
					</ul>
				</div>
				<div class="btn-container">
					<button id="next-btn" data-id="0" data-section="0">next</button>
				</div>
			</div>
		<section class="section section--code">
			<div class="container tenaga-pengajar">
				<h2 class="section-title">Tenaga Pengajar</h2>
				<div class="code code--small code--left aos-init" data-aos="fade-up">
					<code class="html hljs xml">
						<ul>
							<li>Kesiapan memberikan kuliah (menjelaskan kontrak belajar, tujuan, materikuliah)</li>
						</ul>
					</code><commit_msg>update some border<commit_after>@extends('layouts.application')
@section('content')
		<div class="backgrounds overlay">
			<div class="background aos-init aos-animate" data-aos="fade-in" data-aos-duration="1500" data-aos-anchor=".section--hero"></div>
		</div>

		<header class="hero">
			<div class="hero-center">
				<h1 class="hero__logo aos-init aos-animate" data-aos="zoom-in">STTS</h1>
				<h2 class="hero__text aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400">Survey Kepuasan Kinerja</h2>
			</div>
			<span class="hero__scroll aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="800">
				Click To Start <br>
				<i class="chevron bottom"></i>
			</span>
			<a href="http://github.com/michalsnik/aos" target="_blank" class="octocat aos-init aos-animate" data-aos="zoom-out" data-aos-delay="1500">

			</a>
		</header>
		<script>
			$(document).ready(function(){
				$('.jawaban-items ul li').on('click',function(){
					$(this).css({background: '#337ab7'});
				})
				$('.hero__scroll').on('click',function(e){
					setTimeout(function(){
						$('.jawab-container').fadeIn('slow');
					},400)
				})
				$('#next-btn').on('click',function(e){
					$('.jawaban-items ul li').each(function(){
						$(this).removeAttr('style');
					})
					var id = Number($(this).attr('data-id'));
					var section = Number($(this).attr('data-section'));
					var sectionCode = $('.section--code')[section];
					var animateSection = function(section, id){
						var sectionCode = $('.section--code')[section];
						$('html, body').animate({
								scrollTop: $($(sectionCode).find('.code')[id]).offset().top
						}, 1000);
					}
					animateSection(section, id);

					if(section == $('.section--code').length-1 && id == $(sectionCode).find('.code').length-1){
						alert('Terima kasih atas partisipasinya!');
						$('.jawab-container').fadeOut('slow');
						$('html, body').animate({
								scrollTop: 0
						}, 3000);
						$(this).attr('data-id',0);
						$(this).attr('data-section',0);
						return false;
					}

					if(id == $(sectionCode).find('.code').length-1){
						var idx = 0;
						var sectionx = section+1;
						// debugger
						var sectionCode = $('.section--code')[sectionx];
						// debugger
						$('html, body').animate({
								scrollTop: $(sectionCode).find('.section-title').offset().top
						}, 1000);
					}else{
						var idx = id+1;
					}
					$(this).attr('data-id',idx)
					$(this).attr('data-section',sectionx)
				})
			});
		</script>
		<style>
			.jawab-container{
				position: fixed;
		    bottom: 0;
		    width: 100%;
		    height: 60px;
		    background: #fff;
		    color: #000;
		    z-index: 1;
		    display: table;
			}
			.jawaban-items, .btn-container{
				display: table-cell;
    		vertical-align: middle;
			}
			.btn-container button{
				background: #337ab7;
				color: #fff;
				border: none;
				padding: 3px 10px;
				border-radius: 5px;
				font-size: 20px;
				text-transform: capitalize;
			}
			.jawaban-items ul{
				text-align: center;
			}
			.jawaban-items ul li{
				margin: 0px 5px;
				width: 35px;
				padding: 5px 0;
				display: inline-block;
				background: tomato;
				cursor: pointer;
				border-radius: 5px;
			}
			.code{
				margin-bottom: 3px;
			}
			.hljs{
				border-radius: 5px;
			}
			.hljs ul{
				padding: 0 8px;
			}
			.code--wider{
				width: 100%;
			}
			.code--wider .hljs{
				padding: 0;
			}
		</style>
			<div class="jawab-container" style="display: none;">
				<div class="jawaban-items">
					<ul>
						<li>A</li>
						<li>B</li>
						<li>C</li>
						<li>D</li>
						<li>E</li>
					</ul>
				</div>
				<div class="btn-container">
					<button id="next-btn" data-id="0" data-section="0">next</button>
				</div>
			</div>
		<section class="section section--code">
			<div class="container tenaga-pengajar">
				<h2 class="section-title">Tenaga Pengajar</h2>
				<div class="code code--small code--left aos-init" data-aos="fade-up">
					<code class="html hljs xml">
						<ul>
							<li>Kesiapan memberikan kuliah (menjelaskan kontrak belajar, tujuan, materikuliah)</li>
						</ul>
					</code>
{'fraction_non_alphanumeric': 0.19860157016683022, 'fraction_numerical': 0.02024043179587831, 'mean_word_length': 2.738193489225126, 'pattern_counts': {'":': 0, '<': 111, '<?xml version=': 0, '>': 111, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, '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': '7144416', 'n_tokens_mistral': 3976, 'n_tokens_neox': 2883, 'n_words': 535}