-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsetup.html
107 lines (105 loc) · 12.8 KB
/
setup.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
<!DOCTYPE html>
<html>
<head>
<title>Setup WP Brokenness Exercises</title>
<link rel="stylesheet" type="text/css" href="media/main.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="media/main.js"></script>
</head>
<body>
<div id="wrapper">
<header>
<h1>Setup WP Brokenness Exercises</h1>
</header>
<section id="content">
<p>Welcome and thank you for choosing <i>WP Brokenness Exercises</i> for your WordPress troubleshooting training. The purpose of each of these exercises is to expand your WordPress troubleshooting-fu on your quest to becoming a WordPress Master.</p>
<h4>To get started, you will need the following:</h4>
<ol>
<li>A hosting account or web server <i>(e.g. Bluehost, Hostmonster, iPage, etc.)</i></li>
<li>A database created <i>(e.g. cpuser_dbname)</i></li>
<li>A database username added to the database <i>(hang onto both the username and password for use in this setup form)</i></li>
</ol>
<form action="lib/installer.php" method="POST">
<div id="db_details" class="form">
<h3>Database details:</h3>
<label>
<span>Database name:</span>
<input type="text" name="db_name" placeholder="db_name"/>
</label>
<label>
<span>Database user:</span>
<input type="text" name="db_user" placeholder="db_user"/>
</label>
<label>
<span>Database password:</span>
<input type="text" name="db_pass" placeholder="db_pass"/>
</label>
</div>
<div id="choose_exercise" class="form">
<h3>WordPress Exercise:</h3>
<p>Choose a WordPress exercise to troubleshoot.</p>
<div id="wp_exercises">
<label>
<input type="radio" name="exerciseChoice" value="testpress1.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress2.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress3.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress4.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress5.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress6.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress7.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress8.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress9.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
<label>
<input type="radio" name="exerciseChoice" value="testpress10.zip" />
<span>LABEL HERE</span>
<p>DESCRIPTION HERE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta pharetra felis, a facilisis nisi viverra a. Vestibulum vel lectus velit. Aliquam volutpat eros quis arcu vulputate euismod. Donec augue lorem, rutrum ac ligula et, convallis hendrerit purus. Vestibulum imperdiet sodales porta. Donec eros libero, convallis eget tempus at, vulputate nec diam. Nunc congue lorem non orci faucibus, faucibus tincidunt ante fringilla. Quisque non risus at nunc mattis lacinia. Praesent ac erat ultrices, imperdiet quam ac, blandit nunc. Aliquam erat volutpat. Integer faucibus elit non velit faucibus egestas nec sed dolor. Ut venenatis molestie porttitor. Proin augue est, eleifend a nisl sit amet, sollicitudin egestas dolor. Cras bibendum lorem vitae lectus blandit suscipit. Suspendisse pulvinar magna lectus, eu porta quam tincidunt eu. Phasellus egestas pretium felis non malesuada.</p>
</label>
</div>
</div>
<div id="form_submit" class="form">
<label>
<input type="checkbox" name="" value="" />
<strong>I understand that submitting this form will wipe out any data on my database.</strong>
</label>
<input type="submit" value="Install Exercise" />
</div>
</form>
</section>
</div>
</body>
</html>