<commit_before><!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<title>Social Music - ACM SDC Presentation</title>

		<meta name="description" content="Slides for the ACM SDC 2014 competition">
		<meta name="author" content="<NAME>, <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">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/team-gcc.css" id="theme">

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

		<!--[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>
					<section>
						<h1>Social Music</h1>
						<h4>ACM SDC 2014 Presentation</h4>
						<div class="teaminfo">
	            <p class="teammates">
	              <span class="teammate"><NAME></span>
	            	<span class="teammate"><NAME></span>
	            </p>
	            <pre class="teamname monoinline">team gcc</pre>
	          </div>
					</section>

					<section id="destination-select">
						<h2>Select A Destination</h2>
						<div class="destinations">
              <a href="#/first-ui-slide">UI</a>
              <a href="#/first-database-slide">Database</a>
              <a href="#/first-arch-slide">Architecture</a>
	          </div>
					</section>
				</section>

				<section>
					<h2>Overview</h2>
					<p>
						Our goal was to create a web platform that friends could use to create, share and form their own online radio station.

						In this platform, friends could use an existing social media platform, such as Facebook, to colaboratively operate this station.

					</p>
				</section>

				<section>
					<h2>Overview</h2>
					<p>

						Users can like or dislike songs which will in turn shape what music the staion plays.

						Using Facebook authentication, people can keep stations private and allow only their friends and other approved users to be able to listen.

						This allows the users to keep the stations as intmate or public as they like.
					</p>
				</section>


				<section data-state="first-ui-slide" id="first-ui-slide">
					<h2>UI Overview</h2>
					<p>
						Write content now. Oh wait.
					</p>
				</section>

				<section data-background="#FFFFFF">
					<iframe class="stretch" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="ui-station.html"></iframe>
				</section>

				<section data-state="first-database-slide" id="first-database-slide">
					<h2>Database Overview</h2>
					<p>
						Write content now. Oh wait.
					</p>
				</section>

				<section data-state="first-arch-slide" id="first-arch-slide">
					<h2>System Architecture Overview</h2>
					<p><commit_msg>Added more overview<commit_after><!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<title>Social Music - ACM SDC Presentation</title>

		<meta name="description" content="Slides for the ACM SDC 2014 competition">
		<meta name="author" content="<NAME>, <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">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/team-gcc.css" id="theme">

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

		<!--[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>
					<section>
						<h1>Social Music</h1>
						<h4>ACM SDC 2014 Presentation</h4>
						<div class="teaminfo">
	            <p class="teammates">
	              <span class="teammate"><NAME></span>
	            	<span class="teammate"><NAME></span>
	            </p>
	            <pre class="teamname monoinline">team gcc</pre>
	          </div>
					</section>

					<section id="destination-select">
						<h2>Select A Destination</h2>
						<div class="destinations">
              <a href="#/first-ui-slide">UI</a>
              <a href="#/first-database-slide">Database</a>
              <a href="#/first-arch-slide">Architecture</a>
	          </div>
					</section>
				</section>

				<section>
					<h2>Overview</h2>
					<p>
						Our goal was to create a web platform that friends could use to create, share and form their own online radio station.

						In this platform, friends could use an existing social media platform, such as Facebook, to colaboratively operate this station.

					</p>
				</section>

				<section>
					<h2>Overview</h2>
					<p>

						Users can like or dislike songs which will in turn shape what music the station plays.
						
						Users can also leave a comment on a song if they so choose. These comments and ratings are available to see by others on the station.

					</p>
				</section>

				<section>
					<h2>Overview</h2>
					<p>
						Using Facebook authentication, people can keep stations private and allow only their friends and other approved users to be able to listen.

						This allows the users to keep the stations as intmate or public as they like.

					</p>
				</section>


				<section>
					<h2>Overview</h2>
					<p>

						By using Spotify and Facebook API's we can lighten the load that would prohibit large amounts of people to use the system. In this way, we can support anywhere from 2 to 

						200 users concurrently.

						Since we are using Spotify as our source of music, we need not need to worry about users trying to download or save songs as Spotify is a streaming service.
					</p>
				</section>

				<section data-state="first-ui-slide" id="first-ui-slide">
					<h2>UI Overview</h2>
					<p>
						Write content now. Oh wait.
					</p>
				</section>

				<section data-background="#FFFFFF">
					<iframe class="stretch" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="ui-station.html"></iframe>
				</section>

				<section data-state="first-database-slide" id="first-database-slide">
					<h2>Database Overview</h2>
					<p>
						Write content now. Oh wait.
					</p>
				</section>

				<section data-state="first-arch-slide" id="first-arch-slide">
					<h2>System Architecture Overview</h2>
					<p>
{'fraction_non_alphanumeric': 0.1422209026128266, 'fraction_numerical': 0.011282660332541567, 'mean_word_length': 2.770005595970901, 'pattern_counts': {'":': 0, '<': 195, '<?xml version=': 0, '>': 195, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5466049', 'n_tokens_mistral': 2637, 'n_tokens_neox': 2060, 'n_words': 622}