Skip to content

Commit ec76cd9

Browse files
ltriboletltribolet
committed
Cleaned up javascript and build OK
1 parent 7694fdb commit ec76cd9

File tree

8 files changed

+94
-197
lines changed

8 files changed

+94
-197
lines changed

‎app/documents/luc_tribolet_resume_en.pdf‎

372 KB
Binary file not shown.

‎app/documents/luc_tribolet_resume_fr.pdf‎

308 KB
Binary file not shown.

‎app/images/arrow@2x.png‎

1.84 KB
Loading

‎app/images/hero.jpg‎

766 KB
Loading

‎app/index.html‎

Lines changed: 85 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,11 @@
4343
<div id="st-container" class="st-container">
4444
<!-- Begin Hero -->
4545
<div class="st-pusher">
46-
<section class="st-content hero">
46+
<section id="hero" class="st-content hero">
4747
<div class="st-content-inner">
4848
<div class="container">
4949
<!-- Hero Content -->
50-
<div class="row hero-content" data-0="opacity: 1; transform: translate3d(0px, 0px, 0px);" data-top-bottom="opacity: 0; transform: translate3d(0px, 300%, 0px);">
50+
<div id="hero-content" class="row hero-content" data-0="opacity: 1; transform: translate3d(0px, 0px, 0px);" data-top-bottom="opacity: 0; transform: translate3d(0px, 300%, 0px);">
5151
<!-- Intro -->
5252
<div class="col-xs-9 col-sm-8 col-lg-7 col-sm-offset-1 col-lg-offset-1">
5353
<h1>Hi ! I am <span class="highlight">Luc Tribolet</span>. Full Stack Developer. Based in Paris.</h1>
@@ -67,10 +67,10 @@ <h1>Hi ! I am <span class="highlight">Luc Tribolet</span>. Full Stack Developer.
6767
<a href="documents/luc_tribolet_resume_web.html" title="Web Resume" target="_blank">
6868
<i class="glyphicon glyphicon-file"></i>
6969
</a>
70-
<a href="documents/luc_tribolet_resume_en.doc" title="English Resume" target="_blank">
70+
<a href="documents/luc_tribolet_resume_en.pdf" title="English Resume" target="_blank">
7171
<span class="text-uppercase">en</span>
7272
</a>
73-
<a href="documents/luc_tribolet_resume_fr.doc" title="French Resume" target="_blank">
73+
<a href="documents/luc_tribolet_resume_fr.pdf" title="French Resume" target="_blank">
7474
<span class="text-uppercase text-">fr</span>
7575
</a>
7676

@@ -90,28 +90,90 @@ <h1>Hi ! I am <span class="highlight">Luc Tribolet</span>. Full Stack Developer.
9090

9191
<!-- build:js scripts/vendor.js -->
9292
<!-- bower:js -->
93-
<script src="/bower_components/jquery/dist/jquery.js"></script>
9493
<script src="/bower_components/classie/classie.js"></script>
9594
<!-- endbower -->
9695
<!-- endbuild -->
9796

98-
<!-- build:js scripts/plugins.js -->
99-
<script src="/bower_components/bootstrap/js/affix.js"></script>
100-
<script src="/bower_components/bootstrap/js/alert.js"></script>
101-
<script src="/bower_components/bootstrap/js/dropdown.js"></script>
102-
<script src="/bower_components/bootstrap/js/tooltip.js"></script>
103-
<script src="/bower_components/bootstrap/js/modal.js"></script>
104-
<script src="/bower_components/bootstrap/js/transition.js"></script>
105-
<script src="/bower_components/bootstrap/js/button.js"></script>
106-
<script src="/bower_components/bootstrap/js/popover.js"></script>
107-
<script src="/bower_components/bootstrap/js/carousel.js"></script>
108-
<script src="/bower_components/bootstrap/js/scrollspy.js"></script>
109-
<script src="/bower_components/bootstrap/js/collapse.js"></script>
110-
<script src="/bower_components/bootstrap/js/tab.js"></script>
111-
<!-- endbuild -->
112-
113-
<!-- build:js scripts/main.js -->
114-
<script src="scripts/main.js"></script>
115-
<!-- endbuild -->
97+
<script type="application/javascript">
98+
(function () {
99+
function hasParentClass(e, classname) {
100+
if (e === document) {
101+
return false;
102+
}
103+
if (classie.has(e, classname)) {
104+
return true;
105+
}
106+
return e.parentNode && hasParentClass(e.parentNode, classname);
107+
}
108+
109+
// http://coveroverflow.com/a/11381730/989439
110+
function mobilecheck() {
111+
var check = false;
112+
(function (a) {
113+
if (/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) {
114+
check = true;
115+
}
116+
})(navigator.userAgent || navigator.vendor || window.opera);
117+
return check;
118+
}
119+
120+
function init() {
121+
122+
var container = document.getElementById('st-container'),
123+
reset = document.getElementById('closeMenu'),
124+
buttons = Array.prototype.slice.call(document.querySelectorAll('.scroll-to')),
125+
// event type (if mobile use touch events)
126+
eventtype = mobilecheck() ? 'touchstart' : 'click',
127+
resetMenu = function () {
128+
classie.remove(container, 'st-menu-open');
129+
},
130+
bodyClickFn = function (evt) {
131+
if (!hasParentClass(evt.target, 'st-menu')) {
132+
resetMenu();
133+
document.removeEventListener(eventtype, bodyClickFn);
134+
}
135+
},
136+
resetClickFn = function (evt) {
137+
if (evt.target === reset) {
138+
resetMenu();
139+
document.removeEventListener(eventtype, bodyClickFn);
140+
}
141+
};
142+
143+
buttons.forEach(function (el) {
144+
var effect = el.getAttribute('data-effect');
145+
146+
el.addEventListener(eventtype, function (ev) {
147+
ev.stopPropagation();
148+
ev.preventDefault();
149+
container.className = 'st-container'; // clear
150+
classie.add(container, effect);
151+
setTimeout(function () {
152+
classie.add(container, 'st-menu-open');
153+
}, 25);
154+
document.addEventListener(eventtype, bodyClickFn);
155+
document.addEventListener(eventtype, resetClickFn);
156+
});
157+
});
158+
159+
}
160+
161+
init();
162+
163+
function centerInit() {
164+
var hero = document.getElementById('hero'),
165+
heroContent = document.getElementById('hero-content'),
166+
windowHeight = window.innerHeight,
167+
contentMargin = (windowHeight - heroContent.offsetHeight) / 2;
168+
169+
hero.setAttribute('style', 'height:' + windowHeight + 'px');
170+
heroContent.setAttribute('style', 'margin-top:' + contentMargin + 'px');
171+
}
172+
173+
centerInit();
174+
window.onresize = centerInit;
175+
176+
})();
177+
</script>
116178
</body>
117179
</html>

‎app/scripts/main.js‎

Lines changed: 0 additions & 81 deletions
This file was deleted.

‎app/styles/main.css‎

Lines changed: 2 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -23,19 +23,6 @@ section {
2323
color: #272727;
2424
}
2525

26-
.padded {
27-
padding-top: 60px;
28-
padding-bottom: 60px;
29-
}
30-
31-
.padded-top {
32-
padding-top: 60px;
33-
}
34-
35-
.padded-bottom {
36-
padding-bottom: 60px;
37-
}
38-
3926
/* Medium Devices, Desktops */
4027
@media only screen and (min-width: 992px) {
4128
.padded {
@@ -64,25 +51,7 @@ h1 {
6451
}
6552

6653
.hero h1 {
67-
padding-bottom: 0px;
68-
}
69-
70-
h2 {
71-
font-family: 'Lekton', sans-serif;
72-
font-size: 12px;
73-
line-height: 12px;
74-
color: #777777;
75-
letter-spacing: 0.20em;
76-
padding-bottom: 20px;
77-
-webkit-font-variant-ligatures: no-common-ligatures;
78-
}
79-
80-
h6 {
81-
font-weight: 400;
82-
font-size: 7px;
83-
margin-top: 10px;
84-
text-transform: uppercase;
85-
letter-spacing: 0.3em;
54+
padding-bottom: 0;
8655
}
8756

8857
p {
@@ -110,11 +79,6 @@ a:hover {
11079
line-height: 62px;
11180
padding-bottom: 40px;
11281
}
113-
114-
h2 {
115-
padding-bottom: 40px;
116-
}
117-
11882
}
11983

12084
/* Medium Devices, Desktops */
@@ -123,7 +87,6 @@ a:hover {
12387
font-size: 55px;
12488
line-height: 70px;
12589
}
126-
12790
}
12891

12992
/* Large Devices, Wide Screens */
@@ -134,10 +97,6 @@ a:hover {
13497
padding-bottom: 50px;
13598
}
13699

137-
h2 {
138-
padding-bottom: 40px;
139-
}
140-
141100
p {
142101
font-size: 16px;
143102
line-height: 36px;
@@ -197,11 +156,6 @@ a:hover {
197156
margin-bottom: 10px;
198157
}
199158

200-
.hero h2 {
201-
padding: 0;
202-
margin-bottom: 10px;
203-
}
204-
205159
.hero h1 {
206160
margin: 0;
207161
padding: 0;
@@ -218,11 +172,6 @@ a:hover {
218172
display: block;
219173
}
220174

221-
.hero h2 {
222-
padding-bottom: 20px;
223-
margin-bottom: 10px;
224-
}
225-
226175
.hero h1 {
227176
margin: 0;
228177
padding: 0;
@@ -265,7 +214,7 @@ footer {
265214
position: relative;
266215
}
267216

268-
.social-list a:hover {
217+
.social-list a:hover, .social-list a:focus {
269218
opacity: 1;
270219
text-decoration: none;
271220
}
@@ -275,34 +224,17 @@ footer {
275224
font-style: normal;
276225
font-weight: normal;
277226
speak: none;
278-
279227
display: inline-block;
280228
text-decoration: inherit;
281229
width: 1em;
282230
margin-right: .2em;
283231
text-align: center;
284-
/* opacity: .8; */
285-
286-
/* For safety - reset parent styles, that can break glyph codes*/
287232
font-variant: normal;
288233
text-transform: none;
289-
290-
/* fix buttons height, for twitter bootstrap */
291234
line-height: 1em;
292-
293-
/* Animation center compensation - margins should be symmetric */
294-
/* remove if not needed */
295235
margin-left: .2em;
296-
297-
/* you can be more comfortable with increased icons size */
298-
/* font-size: 120%; */
299-
300-
/* Font smoothing. That was taken from TWBS */
301236
-webkit-font-smoothing: antialiased;
302237
-moz-osx-font-smoothing: grayscale;
303-
304-
/* Uncomment for 3D effect */
305-
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
306238
}
307239

308240
.social-list .legend {
@@ -350,28 +282,6 @@ footer {
350282
}
351283
}
352284

353-
/* =Responsive Styles
354-
-------------------------------------------------------------- */
355-
/* Landscape Phones */
356-
@media only screen and (min-width: 480px) {
357-
358-
}
359-
360-
/* Small Devices, Tablets */
361-
@media only screen and (min-width: 768px) {
362-
363-
}
364-
365-
/* Medium Devices, Desktops */
366-
@media only screen and (min-width: 992px) {
367-
368-
}
369-
370-
/* Large Devices, Wide Screens */
371-
@media only screen and (min-width: 1200px) {
372-
373-
}
374-
375285
.highlight {
376286
color: #ed3200;
377287
}

0 commit comments

Comments
 (0)