flow-masterlist/about.html at master · aaaronhsu/flow-masterlist · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!-- Bootstrap CSS -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
		<link rel="stylesheet" href="css/about.css">
		<link rel="stylesheet" href="css/global.css">

		<link rel="shortcut icon" type="image/x-icon" href="images/wolfLogo.ico"/>

		<title>About</title>

		<!-- JS -->
		<script src="js/contributors.js"></script>

	</head>

  	<body class="background-color">
		<br>

		<!-- Navbar -->
		<div class="container-fluid sticky-top">
			<nav class="navbar background-color">

				<div class="d-flex flex-row">
					<a class="navbar-brand header-text rounded p-2" href="index.html">Home</a>
					<a class="navbar-brand header-text rounded p-2 ml-4" href="about.html">About</a>
				</div>

				<a class="navbar-brand header-text rounded p-2 ml-4" href="search/search.html">Search</a>
			</nav>
		</div>

		<!-- Header -->
		<div class="container-fluid">
			<h1 class="heading-text text-center mt-5">What's a Flow Masterlist?</h1>
		</div>

		<div class="container-fluid mt-4">
			<h3 class="description">
				It's a list of a bunch (over 100!) of Flow moves taught at StuyFlow. If you ever want to see how something is done, or just want to learn something new,
				this is the place where you can do it. It's sort of like a Flow Wikipedia.
			</h3>

			<h3 class="description mt-3">
				The website is divided between 3 of the main props taught at StuyFlow:
				<span class="staffing pointer" onclick="window.location='staffing/main.html';">Staffing</span>,
				<span class="stringing pointer" onclick="window.location='stringing/main.html';">Stringing</span>,
				and <span class="whipping pointer" onclick="window.location='whipping/main.html';">Whipping</span>.
				Each section contains tips for each skill level as well as
				a chart that contains a recommended sequence of moves to learn for their respective prop. From the chart, you can click on specific moves to get more information.
			</h3>

			<h3 class="description mt-3">
				Each move contains

				<ul>
					<li>A designated difficulty level and skillset</li>
					<li>An embedded video demonstration</li>
					<li>Various tips</li>
					<li>Links to YouTube tutorials</li>
					<li>A list of related moves, if applicable</li>
				</ul>
			</h3>

			<h3 class="description mt-3">
				Note that the tips, difficulty, and the ordering of moves is completely subjective. Feel free to explore the list of moves and <b><i>don't be afraid to try something new</i></b>.
				Flow is about having fun and exploring!
			</h3>

			<h4 class="description text-center mt-5">
				This website was built by <span class="stringing">Aaron Hsu</span> and information for this website has been contributed by
				<div id="contributors">

				</div>
				If you have any ideas or want to contribute info
				to the website yourself, reach out to one of us 🥦
			</h4>
		</div>

    	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
  	</body>
</html>