Skip to content

Commit aefd81d

Browse files
theWhiteWulfytheWhiteWulfy
authored
Changed interface and added a lot.
1 parent 90d445c commit aefd81d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

67 files changed

+8299
-58
lines changed

‎README.md

-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@ I am intrested in front-end design, I like the ways in which visual aids elegant
88
For this site I've used static content to demonstrate my experiments with these technologies.
99
I've designed the site in three parts:
1010
*The main portfolio page:* this was built using HTML5 and JS
11-
*The blog:* This is based off a theme [Beautiful Jekyll](http://deanattali.com/beautiful-jekyll) by [Dean Attali](http://deanattali.com)
1211
*The experiments:* These are mostly css and js based which I designed over many years, some for competions and some for fun.
1312

1413

‎assets/css/main-dist.css

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/reset-dist.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/js/util.min.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎config.xml

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
xmlns:android = "http://schemas.android.com/apk/res/android"
55

66
id = "com.oxyenyos.portfolio"
7-
versionCode = "11"
8-
version = "0.5.2" >
7+
versionCode = "12"
8+
version = "0.6.0" >
99

1010

1111
<name>My Portfolio</name>

‎images/codes.jpg

60.6 KB
Loading

‎images/graphics.jpg

22.5 KB
Loading

‎images/sites.jpg

10.4 KB
Loading

‎images/web.jpg

18.9 KB
Loading

‎index.html

+45-40
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML>
22

3-
<html manifest="store.appcache" lang="en" class="no-js">
3+
<html lang="en" class="no-js">
44
<head>
55
<title>Alok</title>
66
<meta charset="utf-8" />
@@ -9,8 +9,8 @@
99
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
1010

1111
<link href="favicon.ico" rel="icon" type="image/x-icon">
12-
<link rel="stylesheet" type="text/css" href="assets/css/reset.css" />
13-
<link rel="stylesheet" type="text/css" href="assets/css/main.css" />
12+
<link rel="stylesheet" type="text/css" href="assets/css/reset-dist.css" />
13+
<link rel="stylesheet" type="text/css" href="assets/css/main-dist.css" />
1414
<link href='https://cdn.jsdelivr.net/devicons/1.8.0/css/devicons.min.css' rel='stylesheet'>
1515
<link rel="stylesheet" type="text/css" href="assets/css/hint.css">
1616
<link rel="manifest" href="manifest.json">
@@ -80,7 +80,7 @@ <h1 id="logo"><a href="#" itemprop="name">Alok Prateek</a></h1>
8080
</li>
8181
<li><a href="https://in.linkedin.com/in/alokprateek" class="icon fa-linkedin-square"><span class="label">Facebook</span></a></li>
8282
<li><a href="https://github.com/Oxyenyos/" class="icon fa-github-alt"><span class="label">Github</span></a></li>
83-
<li><a href="mailto:[email protected]" class="icon fa-inbox"><span class="label">Email</span></a></li>
83+
<li><a href="mailto:[email protected]" class="icon fa-inbox"><span class="label">Email</span></a></li>
8484
</ul>
8585
</footer>
8686
</section>
@@ -158,56 +158,35 @@ <h3 class="console">Things I Can Do</h3>
158158
<section id="three">
159159
<div class="container">
160160
<h3 class="console">A Few Accomplishments</h3>
161-
<p>Over the years I've hit my head on every wall and learnt many a ways of doing things. I've designed the following series of experiments over course of many tireless days and sleepless nights. Each project was taken up as a challenge, so to learn something new and experiment with the latest and greatest the web offers. My special thanks to my computer science teacher in high school and all those StackOverflow Users who guided me with their experience and insight.</p>
161+
<p>Over the years I've hit my head on every wall and learnt many a ways of doing things. I've designed the following series of projects over course of many tireless days and sleepless nights. Each project was taken up as a challenge, so to learn something new and experiment with the latest and greatest the tech offers. My special thanks to my father for his patience during all those years.</p>
162162

163163
<div class="features">
164164
<article>
165-
<a href="experiment/polygon.html" class="image"><img src="images/star.jpg" alt="Star Wars Fanart" /></a>
165+
<a href="web/index.html" class="image"><img src="images/web.jpg" alt="web art" /></a>
166166
<div class="inner">
167-
<h4>Star Wars Polygon Characters</h4>
168-
<p>I created these as a fan art for star wars. This project DOESN'T use images. But instead this project involved creating polygons and manipulating them using css. JS is only used to switch b/w figures</p>
167+
<h4>Web Art</h4>
168+
<p>...</p>
169169
</div>
170170
</article>
171171
<article>
172-
<a href="experiment/chess.html" class="image"><img src="images/chess.jpg" alt="A chessboard" /></a>
172+
<a href="graphics/index.html" class="image"><img src="images/graphics.jpg" alt="images" /></a>
173173
<div class="inner">
174-
<h4>3D chess Rendering using JavaScript</h4>
175-
<p>This Project was built for a interschool competion which involved creating a interactable object using JS. I created chessboard because of my very limited knowledge of JS and also it could ddo much more in less. Surprisingly this little expriment won me the second prize.</p>
174+
<h4>Graphic Design</h4>
175+
<p>...</p>
176176
</div>
177177
</article>
178178
<article>
179-
<a href="experiment/spiral.html" class="image"><img src="images/spi.jpg" alt="Spirals.Spirals.Spirals.More Spirals." /></a>
179+
<a href="sites/index.html" class="image"><img src="images/sites.jpg" alt="sites" /></a>
180180
<div class="inner">
181-
<h4>Spiral Generator using JavaScript</h4>
182-
<p>This project helps to create sprirals based on values entered by the user. There is also option to render random spirals.</p>
181+
<h4>Web Sites</h4>
182+
<p>...</p>
183183
</div>
184184
</article>
185185
<article>
186-
<a href="experiment/strek.html" class="image"><img src="images/trek.jpg" alt="Star Trek. Into the space?" /></a>
186+
<a href="codes/index.html" class="image"><img src="images/codes.jpg" alt="codes" /></a>
187187
<div class="inner">
188-
<h4>8 Bit USS Enterprise Spacecraft using CSS</h4>
189-
<p>Another animation that I created purely using CSS</p>
190-
</div>
191-
</article>
192-
<article>
193-
<a href="experiment/spacegame.html" class="image"><img src="images/game.jpg" alt="Space Invaders" /></a>
194-
<div class="inner">
195-
<h4>Space game using ONLY CSS</h4>
196-
<p>This is a rip-off of a cheap space invaders clone. The original one used shabby JS code which was hard to understand and did nothing noticable. I removed all of JS and tried to do it using only CSS. I succeded. Partially. Two things still dont work well. Play to find out.</p>
197-
</div>
198-
</article>
199-
<article>
200-
<a href="experiment/dance.html" class="image"><img src="images/dance.jpg" alt="Dance Of only Robots" /></a>
201-
<div class="inner">
202-
<h4>Dance of robots</h4>
203-
<p>This one is my favorite. This project was built mainly on JS, in which I explored diffrent aspects of JS to fairly advanced level. And the end ouput was also pleasing. At the start each robot acts together, but after 180 seconds or manual intervention, the break away and dance separately.</p>
204-
</div>
205-
</article>
206-
<article>
207-
<a href="experiment/daylife.html" class="image"><img src="images/story.jpg" alt="My Life" /></a>
208-
<div class="inner">
209-
<h4>Story of My Life</h4>
210-
<p>An infinite animation seqence made in CSS. I made this to experiment with css animation property.</p>
188+
<h4>Codes and Scirpts</h4>
189+
<p>...</p>
211190
</div>
212191
</article>
213192

@@ -303,9 +282,35 @@ <h3 class="console">Send Me a Pigeon</h3>
303282
<a class="srtag" href="#">#cv</a>
304283
</p>
305284
</div>
306-
<form class="search__form" action="void()">
307-
<input class="search__input" name="search" type="search" placeholder="" autocomplete="off" autocapitalize="off" spellcheck="false" />
285+
<form class="search__form" action="search.html">
286+
<input class="search__input" id="tipue_search_input" name="q" type="text" placeholder="" autocomplete="off" autocapitalize="off" spellcheck="false" pattern=".{3,}" list="aloo" />
308287
</form>
288+
<datalist id="aloo">
289+
<option>
290+
nodejs
291+
</option>
292+
<option>
293+
foodie
294+
</option>
295+
<option>
296+
bio
297+
</option>
298+
<option>
299+
cv
300+
</option>
301+
<option>
302+
reactjs
303+
</option>
304+
<option>
305+
javascript
306+
</option>
307+
<option>
308+
web
309+
</option>
310+
<option>
311+
css
312+
</option>
313+
</datalist>
309314
</div>
310315
<!--Search End-->
311316
<!-- Scripts -->

‎robots.txt

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
User-agent: *
22
Allow: /sitemap.htm
3-
Sitemap: https://oxyenyos.github.io/sitemap.xml
3+
Sitemap: https://oxyenyos.github.io/sitemap.xml

‎store.appcache

+1-14
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,2 @@
11
CACHE MANIFEST
2-
# v2.2 2018-04-21
3-
/assets/css/font-awesome.min.css
4-
/assets/css/hint.base.css
5-
/assets/css/hint.css
6-
/assets/css/ie8.css
7-
8-
/assets/js/jquery.min.js
9-
/assets/js/jquery.scrolly.min.js
10-
/assets/js/jquery.scrollzer.min.js
11-
/assets/js/skel.min.js
12-
/assets/js/ie/html5shiv.js
13-
14-
/404.html
15-
/thanks.html
2+
# v2.5 2018-05-09

‎web/css/reset.css

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
/* http://meyerweb.com/eric/tools/css/reset/
2+
v2.0 | 20110126
3+
License: none (public domain)
4+
*/
5+
6+
html, body, div, span, applet, object, iframe,
7+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8+
a, abbr, acronym, address, big, cite, code,
9+
del, dfn, em, img, ins, kbd, q, s, samp,
10+
small, strike, strong, sub, sup, tt, var,
11+
b, u, i, center,
12+
dl, dt, dd, ol, ul, li,
13+
fieldset, form, label, legend,
14+
table, caption, tbody, tfoot, thead, tr, th, td,
15+
article, aside, canvas, details, embed,
16+
figure, figcaption, footer, header, hgroup,
17+
menu, nav, output, ruby, section, summary,
18+
time, mark, audio, video {
19+
margin: 0;
20+
padding: 0;
21+
border: 0;
22+
font-size: 100%;
23+
font: inherit;
24+
vertical-align: baseline;
25+
}
26+
/* HTML5 display-role reset for older browsers */
27+
article, aside, details, figcaption, figure,
28+
footer, header, hgroup, menu, nav, section, main {
29+
display: block;
30+
}
31+
body {
32+
line-height: 1;
33+
}
34+
ol, ul {
35+
list-style: none;
36+
}
37+
blockquote, q {
38+
quotes: none;
39+
}
40+
blockquote:before, blockquote:after,
41+
q:before, q:after {
42+
content: '';
43+
content: none;
44+
}
45+
table {
46+
border-collapse: collapse;
47+
border-spacing: 0;
48+
}

0 commit comments

Comments
 (0)