-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBeginnersGuide.html
158 lines (158 loc) · 7.15 KB
/
BeginnersGuide.html
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE HTML>
<html lang=”en”>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/customstyles/StyleSheet.css">
<title>Beginners Guide</title>
</head>
<body>
<nav role="navigation">
<a href="Index.html" title="Link to the SurfsDown homepage">Home</a>
<a href="WhatIsSurfing.html" title="Link to What is Surfing page">What is Surfing?</a>
<button class="dropdown-btn">Getting Started
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="GettingStarted.html" title="Link to Getting Started page">The Basics</a>
<button class="dropdown-btn">Guides
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="GameSettings.html" title="Link to Game Settings and Servers">Game Settings & Servers</a>
<a href="BeginnersGuide.html" title="Link to Beginners Guide">Beginners Guide</a>
</div>
</div>
<a href="Game.html" title="Link to the page containing a JavaScript Game">Interactive Game</a>
<button class="dropdown-btn">How To Improve
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="Improving.html" title="Link to page on how to improve at surfing">Improving at Surfing</a>
<button class="dropdown-btn">Inside the Game
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="InsideTheGame.html" title="Link to Improving Inside the Game">In-Game Improvement</a>
</div>
<button class="dropdown-btn">Outside the Game
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="OutsideTheGame.html" title="Link to Improving Outside the Game">External Improvement</a>
</div>
</div>
<a href="ServerList.html" title="Link to list of Surf servers">Server List</a>
<button class="dropdown-btn">Related Topics
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="Related.html" title="Link to page with topics tangentially related to Surfing">Surf Related</a>
<button class="dropdown-btn">Topics
<div class="arrow-down"></div>
</button>
<div class="dropdown-container">
<a href="MapMaking.html" title="Link to Map Making">CS:GO Map Making</a>
<a href="InCSGO.html" title="Link to Related Topics inside CS:GO">In-Game</a>
<a href="OutsideCSGO.html" title="Link Related Topics outside CS:GO">Outside CS:GO</a>
</div>
</div>
</nav>
<main role="main">
<a href="Index.html"><img src="Images/SurfsDownLogo1920w250h.jpg" width="1900" alt="Banner Logo for SurfsDown Site"></a>
<div class="topbar">
<div class="menu-btn" onclick="toggleNav(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<select name="themepick" id="themepick" title="Cookies must be enabled for this site to switch themes">
<option value="StyleSheet" selected>Dark Theme</option>
<option value="CompatibilityStyleSheet">Compatibility Theme</option>
</select>
</div>
</div>
<div class="row">
<div class="col-6 col-t-12">
<h1>Beginners Guides</h1>
<h2>Text Guides</h2>
<p>
While learning from watching can help you see what is going on in game, there a number of text-based guides that can help you get up to speed, many containing helpful commands, settings, or server reccomendations that you wouldn't find in a video guide.
</p>
<ul>
<li>
<a href="https://steamcommunity.com/sharedfiles/filedetails/?id=1256754534" title="Link to How to Surf guide" target="_blank">How to Surf (Beginner's Guide)</a> by hvwk
</li>
<li>
<a href="https://steamcommunity.com/sharedfiles/filedetails/?id=1325341534" title="Link to Surf for Beginners" target="_blank">Surf for the beginners v. 2.0</a> by СОЮЗ НЕРУШИМЫЙ. Scroll halfway down the page for English! The gifs are very helpful.
</li>
<li>
<a href="https://steamcommunity.com/sharedfiles/filedetails/?id=466194108" title="Surfing Guide" target="_blank">Surfing Guide</a> by C Y.
</li>
</ul>
<p>
</div>
<div class="col-6 col-t-12">
<h2>Video Guides</h2>
<p>
The first guide is my favorite, by SurfKultur, and it covers how to get into surfing in surprising depth. From basic ramp riding, learning how to flick, and tips on mouse sensitivity, this guide has everything you need to to get your feet off the ground.
<div class="youTubeWrapper">
<iframe width="560" height="349" src="https://www.youtube.com/embed/E3tys016mwg" frameborder="0" allowfullscreen></iframe>
</div>
<br>
This guide by streebee is also very good. Covering most of the same topics, it is also worth watching in order to hear things described a different way. In a game mode that is as un-intuitive as surfing, finding something descriptions that resonate with you is important when you're starting out.
<div class="youTubeWrapper">
<iframe width="560" height="349" src="https://www.youtube.com/embed/lYc52kwTNb8" frameborder="0" allowfullscreen></iframe>
</div>
</p>
</div>
</div>
</main>
<footer>
<div class="container">
<!-- Facebook Integration. Code from https://developers.facebook.com/docs/plugins/like-button/ -->
<div class="fb-like"
data-href="https://developers.facebook.com/docs/plugins/"
data-width=""
data-layout="button"
data-action="like"
data-size="small"
data-show-faces="true"
data-share="true">
</div>
<!-- Twitter integration, modified from https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/guides/parameter-reference1-->
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet"
data-size="large"
data-text="Spread the word about SurfsDown!"
data-url="http://student.athabascau.ca/~matthewst49/Index.html"
data-hashtags="csgo,csgosurfing"
data-related=",twitter">
Tweet
</a>
<!-- Google Translate -->
<div id="google_translate_element"></div>
</div> <!-- end container -->
<div class="row">
<div class="col-12 col-t-12">
<a href="Support.html" title="Link to site support">Support</a>
<br>Author: Matthew Stepan
<br>Last Updated: September 7, 2019
</div>
</div>
</footer>
<script type="text/javascript" src="JS/Menu.js"></script>
<script type="text/javascript" src="JS/jquery.js"></script>
<script type="text/javascript" src="JS/styleSwitcher.js"></script>
<script>
$(document).ready(function(){
$('#themepick').styleSwitcher();
})
</script>
<script type="text/javascript" src="JS/googleTranslate.js"></script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script id="twitter-wjs" type="text/javascript" async defer src="//platform.twitter.com/widgets.js"></script>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0"></script>
</body>
</html>