8000 some colors and fonts · fixmycode/fixmycode.github.io@4e92b14 · GitHub
[go: up one dir, main page]

Skip to content

Commit 4e92b14

Browse files
committed
some colors and fonts
1 parent aea6015 commit 4e92b14

File tree

2 files changed

+66
-25
lines changed

2 files changed

+66
-25
lines changed

css/personal.css

Lines changed: 30 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,24 @@
1+
@import url(http://fonts.googleapis.com/css?family=Signika:600,400,200);
2+
13
body {
2-
font-size: 10pt;
4+
font-family: 'Signika', sans-serif;
5+
font-size: 12pt;
6+
background: #B7BFCC;
37
}
48

59
h1 {
610
font-size: 140%;
11+
color: #244E99;
712
text-transform: capitalize;
813
}
914

1015
h2 {
1116
font-size: 130%;
17+
color: #244E99;
1218
}
1319

1420
h3 {
21+
font-weight: 600;
1522
font-size: 120%;
1623
}
1724

@@ -21,16 +28,17 @@ h1, h2, h3{
2128
}
2229

2330
p {
31+
font-weight: 200;
2432
margin: 0.5em 0 0.5em 0
2533
}
2634

2735
a {
28-
color: #cc6633;
36+
color: #3277CC;
2937
text-decoration: none;
3038
}
3139

3240
a:hover {
33-
color: #ffAA33;
41+
color: #FFF;
3442
}
3543

3644
section {
@@ -70,7 +78,7 @@ dl dt:after {
7078
width: 7em;
7179
border-radius: 100%;
7280
border: 0.15em solid white;
73-
box-shadow: 0em 0.2em 0.2em #ccc;
81+
box-shadow: 0em 0.2em 0.2em rgba(0,0,0,0.5);
7482
}
7583

7684
#photo {
@@ -81,23 +89,23 @@ dl dt:after {
8189
display: inline-block;
8290
}
8391

84-
#work ul, #know > ul, #personal > ul {
92+
#work ul, #know > ul, #love ul, #personal > ul {
8593
padding: 0;
8694
margin: 0;
8795
}
8896

89-
#work > ul > li, #know > ul > li, #personal > ul > li {
97+
#work > ul > li, #know > ul > li, #love > ul > li, #personal > ul > li {
9098
vertical-align: top;
9199
display: inline-block;
92100
margin: 1em 1em 1em 0em;
93101
}
94102

95-
#work p, #work h2, #work h3 {
103+
#work p, #work h2, #work h3, #love h3, #love p {
96104
text-align: left;
97105
}
98106

99107
#work span {
100-
font-weight: bold;
108+
font-weight: 600;
101109
}
102110

103111
#work > ul > li {
@@ -108,21 +116,25 @@ dl dt:after {
108116
width: 18%;
109117
}
110118

119+
#love > ul > li {
120+
width: 22%;
121+
}
122+
111123
#know > ul > li > ul, #hate > ul, #personal > ul > li > ul {
112124
padding-left: 1.5em;
113125
list-style-type: square;
114126
}
115127

116128
@media only screen and (max-width: 40em) {
117-
#work > ul > li {
118-
width: 100%;
129+
body{
130+
font-size: 10pt;
119131
}
120132

121-
#know > ul > li {
133+
#work > ul > li, #know > ul > li, #love > ul > li {
122134
width: 100%;
123135
}
124136

125-
#work > ul > li, #know > ul > li{
137+
#work > ul > li, #know > ul > li, #love > ul > li {
126138
display: block;
127139
padding: 0em;
128140
}
@@ -149,16 +161,21 @@ dl dt:after {
149161
width: 45%;
150162
}
151163

164+
#love > ul > li {
165+
width: 30%;
166+
}
167+
152168
#know > ul > li {
153169
width: 25%;
154170
}
155171
}
156172

157173
/*Hashtags*/
158174
ul.tags {
175+
font-weight: 200;
159176
font-size: 10pt;
160177
padding: 0;
161-
color: #b1b1b1;
178+
color: rgba(0,0,0,0.5);
162179
}
163180
ul.tags > li {
164181
display: inline;

index.html

Lines changed: 36 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ <h1>work experience</h1>
4141
<li>
4242
<h2><a href="http://mammut.github.io/blackbird/">Blackbird Software</a></h2>
4343
<span>Project Manager. March 2014, ongoing</span>
44-
<p>My colleages and I formed this team to participate in the <a href="http://www.feriadesoftware.cl">XXII Software Faire</a>, an event our university holds every year to encourage students to challenge themselves in IT. I'm managing the tasks of a team of five developers. The product we're working on for the faire is an educational tool disguised as a mobile math game for elementary school students. Some of the cool things that this projects has is real time wireless interaction between mobile devices and desktop computers, sensor data tracking and analytics.</p>
44+
<p>My colleages and I formed this team to participate in the <a href="http://www.feriadesoftware.cl">XXII Software Faire</a>, an event our university holds every year to encourage students to challenge themselves in IT.</p><p>The product we're working on for the faire is an educational tool disguised as a mobile math game for elementary school students. Some of the cool things that this projects has is real time wireless interaction between mobile devices and desktop computers, sensor data tracking and analytics.</p>
4545
<ul class="tags">
4646
<li>Mobile</li>
4747
<li>Edugaming</li>
@@ -136,18 +136,42 @@ <h2>other things</h2>
136136
</li>
137137
</ul>
138138
</section>
139-
<section id="like">
139+
<section id="love">
140140
<h1>things I love</h1>
141-
<dl>
142-
<dt><a href="http://www.strava.com/athletes/fixmycode">Road Cycling</a></dt><dd>I've loved bikes all my life, but I started to take cycling seriously for the past two years and I've recently taken part in some bike-advocacy groups.</dd>
143-
<dt><a href="http://onikun.deviantart.com/">Drawing and 3D modeling</a></dt><dd>As a kid I used to draw a lot, and as an adult I bought a Wacom board and kept drawing. I also love to use <a href="http://www.blender.org/">Blender</a> for modeling, sculpting and playing with the physics engine.</dd>
144-
<dt><a href="http://www.steamcommunity.com/id/fixmycode">Indie Games</a></dt><dd>I don't spend too much of my time playing games, but I like games made out of love for the craft and not for the money.</dd>
145-
<dt>Open-Source Software</dt><dd>I love the movement. I've taken part in a <a href="http://misago-project.org/">couple</a> of <a href="http://ajenti.org/">projects</a> and I was a volunteer for <a href="http://www.flisol.info/">FLISoL</a> a couple of times.</dd>
146-
<dt>Linux</dt><dd>Although I'm a Mac user, all my servers run Linux, because is the right tool for the job. I also made my parents use Ubuntu on their laptops to improve their lifes (and save me from tech support time).</dd>
147-
<dt>Bitcoin</dt><dd>I'm more of a late adopter, but I fell in love with the magical Internet money. I like trying to make people sell me stuff for some mXBT as an educational process.</dd>
148-
<dt>Great Web Design</dt><dd>I just love a good markup and creatively usage of scripting and other web technologies.</dd>
149-
<dt>Artwork, Comicbooks and Movies</dt><dd>I love how artists are using the Internet to create a new creative ecosystem, my <a href="http://fixmycode.tumblr.com">Tumblr</a> is a collection of things I have scavenged through the tubes as I try to capture that feeling.
150-
</dl>
141+
<ul>
142+
<li>
143+
<h3><a href="http://www.strava.com/athletes/fixmycode">Road Cycling</a></h3>
144+
<p>I've loved bikes all my life, but I started to take cycling seriously for the past two years and I've recently taken part in some bike-advocacy groups.</p>
145+
</li>
146+
<li>
147+
<h3><a href="http://onikun.deviantart.com/">Drawing and 3D modeling</a></h3>
148+
<p>As a kid I used to draw a lot, and as an adult I bought a Wacom board and kept drawing. I also love to use <a href="http://www.blender.org/">Blender</a> for modeling, sculpting and playing with the physics engine.</p>
149+
</li>
150+
<li>
151+
<h3><a href="http://www.steamcommunity.com/id/fixmycode">Indie Games</a></h3>
152+
<p>I don't spend too much of my time playing games, but I like games made out of love for the craft and not for the money.</p>
153+
</li>
154+
<li>
155+
<h3>Open-Source Software</h3>
156+
<p>I love the movement. I've taken part in a <a href="http://misago-project.org/">couple</a> of <a href="http://ajenti.org/">projects</a> and I was a volunteer for <a href="http://www.flisol.info/">FLISoL</a> a couple of times.</p>
157+
</li>
158+
<li>
159+
<h3>GNU/Linux</h3>
160+
<p>Although I'm a Mac user, all my servers run Linux, because is the right tool for the job. I also made my parents use Ubuntu on their laptops to improve their lifes (and save me from tech support time).</p>
161+
</li>
162+
<li>
163+
<h3>Bitcoin</h3>
164+
<p>I'm more of a late adopter, but I fell in love with the magical Internet money. I like trying to make people sell me stuff for some mXBT as an educational process.</p>
165+
</li>
166+
<li>
167+
<h3>Great Web Design</h3>
168+
<p>I just love a good markup and creatively usage of scripting and other web technologies.</p>
169+
</li>
170+
<li>
171+
<h3>Artwork, Comicbooks and Movies</h3>
172+
<p>I love how artists are using the Internet to create a new creative ecosystem, my <a href="http://fixmycode.tumblr.com">Tumblr</a> is a collection of things I have scavenged through the tubes as I try to capture that feeling.</p>
173+
</li>
174+
</ul>
151175
</section>
152176
<section id="hate">
153177
<h1>things I hate</h1>

0 commit comments

Comments
 (0)
0