<commit_before><!doctype html>
<html lang="ja">

	<head>
		<meta charset="utf-8">

		<title>HTML & CSS </title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="<NAME>">

		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/black.css" id="theme">

		<!-- Code syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<h1>HTML & CSS</h1>
					<h3>Lightning Talk In NexSeed</h3>
					<p>
						<small>Created by <a href="https://www.facebook.com/kouhei.nishimura.180"><NAME></a> / <a href="https://github.com/k-nish/presentation">k-nish</a></small>
					</p>
				</section>

				<!-- section>
					<h2>What is HTML?</h2>
					<p>
						Hyper Text Markup Language の頭文字からできていて、
					</p>
				</section> -->

				<!-- Example of nested vertical slides -->
				<section>
					<section>
						<h2>What is HTML?</h2>
						<!-- <p>Slides can be nested inside of each other.</p>
						<p>Use the <em>Space</em> key to navigate through all slides.</p> -->
						<br>
						<a href="#" class="navigate-down">
							<img width="290" height="235" data-src="pictures/html5.gif" alt="Down arrow">
						</a>
					</section>
					<section>
						<h2>HTML</h2>
						<p>Hyper Text Markup Toolの略でweb上で言語を表示するために使うマークアップ言語と呼ばれるものです。</p>
					</section>
				</section>

				<section>
					<section>
						<h2>What is CSS?</h2>
						<!-- <p>Hyper Text Markup Toolの略でweb上で言語を表示するために使うマークアップ言語と呼ばれるものです</p> -->
						<a href="#" class="navigate-up">
							<img width="400" height="300" data-src="pictures/css3.jpg" alt="Up arrow">
						</a>
					</section>
					<section>
						<h2>CSS</h2>
						<p>Cascading Style Sheetの略で<br>文字の配置、大きさなどを指定する言語です。</p>
						<br>
						<!-- <a href="#/2">
							<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
						</a> -->
					</section>
				</section>

				<section>
					<h2>Why do we use?</h2>
					<a href="#" class="navigate-up">
							<img width="320" height="568" data-src="pictures/scree1.jpg" >
					</a>
				</section>

				<section>
	                <h2>What can we do?</h2>
	                <p>文字の大きさや色を変えることができます</p>
	                <p>例えば、、、</p>
	                <p class="fragment grow">大きくしたり</p>
	                <p class="fragment shrink">小さくしたり</p>
	                <!-- <p class="fragment fade-out">fade-out</p> -->
	                <!-- <p class="fragment current-visible">current-visible</p> -->
	                <p class="fragment highlight-red">赤色にしてみたり、</p>
	                <p class="fragment highlight-green">緑色にしてみたり、</p>
	                <p>そして配置を変えたりすることもできます</p>
				</section>

				<section data-transition="slide" data-background="#b5533c" data-background-transition="zoom">
					<h2>How can we do?</h2>
					<p>
					ブラウザのデベロッパーツールを使うことで修正するのが最も簡単な方法の一つでしょう<br>
					使い方を見てみましょう!
					</p>
					<!-- <pre><code class="hljs">ブラウザのデベロッパーツールを使うことで修正するのが最も簡単な方法の一つでしょう</code></pre> -->
				</section>

				<section>
                <img data-src="pictures/screen2.png" height="750" width="1360">
				</section>

				<section>
					<img src="pictures/screen3.png" height="750" width="1360">
				</section>

				<section>
					<img src="pictures/screen4.png" height="750" width="1360">
				</section>

				<section>
					<img src="pictures/screen5.png" height="750" width="1360">
				</section>

                <section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
					<h2>This is the way we edit css!</h2>
					<p>
						このようにしてcssを修正することができます!
					</p>
					<!-- <pre><code class="hljs">Reveal.configure({ backgroundTransition: 'zoom' })</code></pre> -->
				</section><commit_msg>単語ミス修正<commit_after><!doctype html>
<html lang="ja">

	<head>
		<meta charset="utf-8">

		<title>HTML & CSS </title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="<NAME>">

		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/black.css" id="theme">

		<!-- Code syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<h1>HTML & CSS</h1>
					<h3>Lightning Talk In NexSeed</h3>
					<p>
						<small>Created by <a href="https://www.facebook.com/kouhei.nishimura.180"><NAME></a> / <a href="https://github.com/k-nish/presentation">k-nish</a></small>
					</p>
				</section>

				<!-- section>
					<h2>What is HTML?</h2>
					<p>
						Hyper Text Markup Language の頭文字からできていて、
					</p>
				</section> -->

				<!-- Example of nested vertical slides -->
				<section>
					<section>
						<h2>What is HTML?</h2>
						<!-- <p>Slides can be nested inside of each other.</p>
						<p>Use the <em>Space</em> key to navigate through all slides.</p> -->
						<br>
						<a href="#" class="navigate-down">
							<img width="290" height="235" data-src="pictures/html5.gif" alt="Down arrow">
						</a>
					</section>
					<section>
						<h2>HTML</h2>
						<p>Hyper Text Markup Languageの略でweb上で言語を表示するために使うマークアップ言語と呼ばれるものです。</p>
					</section>
				</section>

				<section>
					<section>
						<h2>What is CSS?</h2>
						<!-- <p>Hyper Text Markup Toolの略でweb上で言語を表示するために使うマークアップ言語と呼ばれるものです</p> -->
						<a href="#" class="navigate-up">
							<img width="400" height="300" data-src="pictures/css3.jpg" alt="Up arrow">
						</a>
					</section>
					<section>
						<h2>CSS</h2>
						<p>Cascading Style Sheetsの略で<br>文字の配置、大きさなどを指定する言語です。</p>
						<br>
						<!-- <a href="#/2">
							<img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="transform: rotate(180deg); -webkit-transform: rotate(180deg);">
						</a> -->
					</section>
				</section>

				<section>
					<h2>Why do we use?</h2>
					<a href="#" class="navigate-up">
							<img width="320" height="568" data-src="pictures/scree1.jpg" >
					</a>
				</section>

				<section>
	                <h2>What can we do?</h2>
	                <p>文字の大きさや色を変えることができます</p>
	                <p>例えば、、、</p>
	                <p class="fragment grow">大きくしたり</p>
	                <p class="fragment shrink">小さくしたり</p>
	                <!-- <p class="fragment fade-out">fade-out</p> -->
	                <!-- <p class="fragment current-visible">current-visible</p> -->
	                <p class="fragment highlight-red">赤色にしてみたり、</p>
	                <p class="fragment highlight-green">緑色にしてみたり、</p>
	                <p>そして配置を変えたりすることもできます</p>
				</section>

				<section data-transition="slide" data-background="#b5533c" data-background-transition="zoom">
					<h2>How can we edit?</h2>
					<p>
					ブラウザのデベロッパーツールを使うことで修正するのが最も簡単な方法の一つでしょう<br>
					使い方を見てみましょう!
					</p>
					<!-- <pre><code class="hljs">ブラウザのデベロッパーツールを使うことで修正するのが最も簡単な方法の一つでしょう</code></pre> -->
				</section>

				<section>
                <img data-src="pictures/screen2.png" height="750" width="1360">
				</section>

				<section>
					<img src="pictures/screen3.png" height="750" width="1360">
				</section>

				<section>
					<img src="pictures/screen4.png" height="750" width="1360">
				</section>

				<section>
					<img src="pictures/screen5.png" height="750" width="1360">
				</section>

                <section data-transition="slide" data-background="#4d7e65" data-background-transition="zoom">
					<h2>This is the way we edit css!</h2>
					<p>
						このようにしてcssを修正することができます!
					</p>
					<!-- <pre><code class="hljs">Reveal.configure({ backgroundTransition: 'zoom' })</code></pre> -->
				</section>
{'fraction_non_alphanumeric': 0.1873009131450414, 'fraction_numerical': 0.02293480569122956, 'mean_word_length': 2.7273446774831815, 'pattern_counts': {'":': 0, '<': 329, '<?xml version=': 0, '>': 331, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, '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': '2695424', 'n_tokens_mistral': 4541, 'n_tokens_neox': 3551, 'n_words': 627}