-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.php
More file actions
executable file
·188 lines (164 loc) · 10.6 KB
/
about.php
File metadata and controls
executable file
·188 lines (164 loc) · 10.6 KB
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<?php
require_once("htmlHead.php");
require_once("util.php");
?>
<head>
<title>Vadweb About</title>
<link href="/resource/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="/resource/bootstrap/css/carousel.css" rel="stylesheet" type="text/css">
<?php
logGenericPageView("about.php");
?>
</head>
<body>
<div class="">
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Vadweb</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a style="color:#FFF" href="/register.php">Register</a></li>
<li><a style="color:#FFF" href="/files.php">File Uploads</a></li>
<li><a style="color:#FFF" href="/account.php">Account Settings</a></li>
</ul>
<?php printNavBarForms(); ?>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="margin-top:50px">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
<li data-target="#myCarousel" data-slide-to="1" class="active"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item">
<img src="/file.php?name=IMG_1836.jpg" alt="tahoe lake vadweb motivational ocean sky mountain beautiful">
<div class="container">
<div class="carousel-caption">
<h1>The author.</h1>
<p>Hello! Thanks for stopping by to read this blurb about me! I'm just a high school student with a passion for computer science, from robots to website building.</p>
<p>This project is my start in webdesign, as I found robotics interesting in tangible electrical engineering and programming experience, but wanted a more theoretical programming project that could be used by many other than myself.</p>
</div>
</div>
</div>
<div class="item active">
<img src="/file.php?name=vadwebCode.png" alt="vadweb code picture">
<div class="container">
<div class="carousel-caption">
<h1>About the Vadweb project.</h1>
<p>The Vadweb project was meant as a way for people to interact and share images in a secure setting, to allow friends to share ideas with highly customizeable permissions
settings.</p>
<p>Vadweb meant to be an upgrade from websites such as <code>Facebook.com</code> or <code>Imgur.com</code> to aid productivity while providing the security and customizeability needed,
with only one author (me!) dedicated to earning the trust of his users.</p>
</div>
</div>
</div>
<div class="item">
<img src="/file.php?name=vadwebFTP.png" alt="ftp client filezilla mysql">
<div class="container">
<div class="carousel-caption" style="color:black">
<h1>The planning, design, technology, and motivation.</h1>
<p>Vadweb initially arose from a practice PHP website I was using to learn the new programming language. Soon I learned how to integrate SQL, Javascript and HTML into my project.</p>
<p>The website was also an opportunity for me to learn about website hosting and server technologies, from setting up my own Linux machine to configuring Apache and MySQL servers.</p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="/images/html5.png" alt="HTML 5 Redesign Thumbnail" style="width: 140px; height: 140px;">
<h2>V2 - Complete Redesign</h2>
<p>The current website you are seeing is a complete redesign of the initial model that was created in 2013. The summer of 2014, I made the decision to restart the project from scratch to emphasize performance and scalability, the significant challenges I encountered with the previous design: problems that arose when over 1000 files were uploaded to the system.</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<!--<img class="img-circle" src="images/sublime.png" alt="Sublime text editor thumbnail" style="width: 140px; height: 140px;">-->
<img class="img-circle" src="file.php?name=1926055_788629631165459_1938656591_o.jpg" alt="vadim photo" style="width: 150px; height: 140px;">
<h2>A Project in Progress</h2>
<p>Unfortunately, because I decided to recently redesign the website from scratch, many of the features available in the previous version are still in development. However, I am working my hardest to present those features in a timely fashion by the end of 2014.</p>
<a href="http://keyhero.com/profile/vadman/?ba" title="vadman's typing test profile"><img src="https://www.keyhero.com/static//badges/702/typing-test-210792.png" alt="vadman's typing test WPM" style="vertical-align:middle"></a>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="images/php.png" alt="Generic placeholder image" style="width: 140px; height: 140px;">
<h2>Overcoming Challenges</h2>
<p>One significant challenge with starting this project was figuring out howo to host my own website. While I knew that buying hosting would be easier and already set up for me, I many days before I started actually programming trying to set up the server, trying to get the different services working as I intended, setting up a PHP, MySQL, and Mail servers. Not only did I get a more complete experience of webdesigning, but I gained useful skills in server configuration and the back end of how website development works. And of course, it was free as the server is still hosted in the comfort of my home.</p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Open Source Code<br> <a href="https://github.com/Vadman97/Vadweb"><span class="text-muted">Learn more!</span></a></h2>
<p class="lead">Found this project interesting or want to learn more about PHP yourself? Check out this project on GitHub: <a href="https://github.com/Vadman97/Vadweb">Click here to learn more.</a></p>
</div>
<div class="col-md-5">
<a href="https://github.com/Vadman97/Vadweb"><img class="featurette-image img-responsive" alt="500x500" src="images/github-logo.png"></a>
</div>
</div>
<hr class="featurette-divider">
</div>
<div hidden>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjI1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjMxcHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+NTAweDUwMDwvdGV4dD48L3N2Zz4=">
</div>
<div class="col-md-7">
<h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="500x500" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjI1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojYWFhO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjMxcHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+NTAweDUwMDwvdGV4dD48L3N2Zz4=">
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div>
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>Please be aware that some features are in beta testing or in development, and may not be available for all users</p>
<p><b>© Vadweb 2014-2015</b></p>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/resource/jquery/jquery-2.1.1.min.js"></script>
<script src="/resource/bootstrap/js/bootstrap.js"></script>
<script>
$('.carousel').carousel({
interval: 10000
});
</script>
</body>