Skip to content

Commit ca3cd65

Browse files
shbshb
committed
Style changer script. Scripts and styles unifying. New sections in home and client projects page.
1 parent 7ccbdb4 commit ca3cd65

File tree

2 files changed

+55
-44
lines changed

2 files changed

+55
-44
lines changed

‎index.html

+55-43
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,24 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4+
<meta charset="utf-8"/>
45
<title>Simone Cociancich (shb) on GitHub</title>
6+
<meta name="viewport" content="width:device-width"/>
57
<link href="//netdna.bootstrapcdn.com/bootswatch/3.0.2/cerulean/bootstrap.min.css" rel="alternate stylesheet" title="cerulean">
68
<link href="//netdna.bootstrapcdn.com/bootswatch/3.0.2/slate/bootstrap.min.css" rel="stylesheet" title="slate">
79
<link href="//netdna.bootstrapcdn.com/bootswatch/3.0.2/cyborg/bootstrap.min.css" rel="alternate stylesheet" title="cyborg">
810
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
11+
<link href="styles.css" rel="stylesheet">
912
<script src="//code.jquery.com/jquery.min.js"></script>
1013
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js" async></script>
11-
<style>
12-
.row { margin-bottom:20px; }
13-
.row section { margin-bottom:20px; }
14-
15-
.matrix, .vector { margin:28px 5ex 0; width:auto; position:relative; }
16-
.matrix:before, .vector:before, .matrix:after, .vector:after
17-
{ position:absolute; top:-12px; font-size:76px; line-height:1; }
18-
.matrix:before { left:-0.75ex; content:"{"; }
19-
.matrix:after { right:-0.75ex; content:"}"; }
20-
.vector:before { left:-0.75ex; content:"["; }
21-
.vector:after { right:-0.75ex; content:"]"; }
22-
table.matrix { background-color:transparent; }
23-
ul.vector { list-style-type:none; padding-left:0; }
24-
25-
body header h1 { letter-spacing:8px; }
26-
body header h1 small { letter-spacing:0; }
27-
28-
#uniform a { display:inline-block; width:1em; height:1em; border:1px solid #888;
29-
vertical-align:middle; }
30-
#uniform-cerulean { background-color:white; }
31-
#uniform-slate { background-color:#272b30; }
32-
#uniform-cyborg { background-color: #060606; }
33-
34-
#contact { margin-top:28px; line-height: 62px; vertical-align:middle; }
35-
36-
#languages { clear:left; }
37-
38-
#main-skills h4 { white-space:pre-line; }
39-
#main h4 .lead { font-family:"Cabin",Arial,sans,sans-serif; line-height:49px; }
40-
</style>
4114
</head>
4215
<body class="container">
43-
<header>
16+
<header id="header">
4417
<hgroup class="pull-left">
45-
<h1>
18+
<h1><a href="index.html">
4619
shb<br/>
47-
<small>hacker</small>
48-
</h1>
20+
<small title="&ne; cracker">hacker</small>
21+
</a></h1>
4922
</hgroup>
5023
<table id="identity" class="matrix pull-left">
5124
<tr>
@@ -61,25 +34,64 @@ <h1>
6134
<td><a><i class="fa"></i></a></td>
6235
</tr>
6336
</table>
64-
<ul id="uniform" class="vector pull-left">
37+
<ul id="uniform" class="column vector pull-left">
6538
<li><a id="uniform-cerulean" data-style="cerulean"></a></li>
6639
<li><a id="uniform-slate" data-style="slate"></a></li>
67-
<li><a id="uniform-cyborg" data-style="cerulean"></a></li>
40+
<li><a id="uniform-cyborg" data-style="cyborg"></a></li>
6841
</ul>
6942
<div id="languages">
70-
<code>IO = "italian" | "english" | 'html' | 'css' | 'javascript'</code>
43+
<br/>
44+
<code>IO = <a href="#it">"italian"</a> | <a href="#en">"english"</a> | 'javascript' | 'html' | 'css'</code>
7145
</div>
7246
</header>
7347
<div id="main" class="row">
74-
<!--<div class="col-sm-4">
75-
<h3 class="page-header">Updates</h3>
76-
</div>
7748
<div class="col-sm-4">
78-
<h3 class="page-header">Bio</h3>
49+
<h3 class="page-header">Skills</h3>
50+
<dl>
51+
<dt>Advanced Javascript programming</dt>
52+
<dd>Both browser-side and server-side</dd>
53+
<dt>Advanced HTML5 and CSS3</dt>
54+
<dd></dd>
55+
<dt>PHP, and other programming languages</dt>
56+
<dd>C#.NET, Perl, and anything that comes at hand</dd>
57+
</dl>
58+
<h3>Services</h3>
59+
<dl>
60+
<dt>Setup and customization of CMS's</dt>
61+
<dd>Such as: WordPress, Perch, Magento</dd>
62+
<dt>Development and management of web sites and applications</dt>
63+
<dd>Implementation of custom graphic templates</dd>
64+
<dd>Creation and customization of custom components</dd>
65+
</dl>
7966
</div>
8067
<div class="col-sm-4">
8168
<h3 class="page-header">Projects</h3>
82-
</div>-->
69+
<h4>Clients Projects</h4>
70+
<ul class="pager">
71+
<li class="next">
72+
<a href="clients.html">View all...</a>
73+
</li>
74+
</ul>
75+
<h4>Free Software</h4>
76+
<ul class="pager">
77+
<li class="next">
78+
<a href="repos.html">View all...</a>
79+
</li>
80+
</ul>
81+
</div>
82+
<div class="col-sm-4">
83+
<h3 class="page-header">Bio</h3>
84+
</div>
8385
</div>
86+
<div class="row">
87+
<footer id="colophon" class="col-xs-12
88+
col-sm-10 col-sm-offset-1
89+
col-md-8 col-md-offset-1
90+
col-lg-6 col-lg-offset-3">
91+
<hr/>
92+
<p>This site made awesome by Bootstrap and &mdash;you name it&mdash; Font Awesome.</p>
93+
<p>Graciously hosted on GitHub.</p>
94+
</footer></div>
95+
<script src="scripts.js" async></script>
8496
</body>
8597
</html>

‎scripts/styleswitcher.js

-1
This file was deleted.

0 commit comments

Comments
 (0)