-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.pug
86 lines (73 loc) · 3.68 KB
/
index.pug
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
- var sectionsDir = "./sections"
- var sectionsTab = ["connect", "timeline", "hobbies", "skills", "work"]
- var title = "Cv - Bruno Sautron"
doctype
html
head
meta(http-equiv="content-type", content="text/html; charset=utf-8")
title= `${title}`
link(rel="icon", type="image/png", href="./img/running.png")
link(href='http://fonts.googleapis.com/css?family=Wire+One', rel='stylesheet', type='text/css')
link(href='http://fonts.googleapis.com/css?family=Raleway', rel='stylesheet' type='text/css')
link(href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow', rel='stylesheet', type='text/css')
link(href='http://fonts.googleapis.com/css?family=Dancing+Script:700', rel='stylesheet', type='text/css')
link(href='http://fonts.googleapis.com/css?family=Arvo', rel='stylesheet', type='text/css')
link(href='http://fonts.googleapis.com/css?family=Bree+Serif', rel='stylesheet', type='text/css')
link(rel="stylesheet", href='./css/page.css')
link(rel="stylesheet", href='./css/details.css')
link(rel="stylesheet", href='./css/bootstrap.min.css')
- for (var i = 0; sectionsTab[i]; i++)
link(rel="stylesheet", href= `${sectionsDir}/${sectionsTab[i]}/style-${sectionsTab[i]}.css`)
body
header#header
nav#menu
span(id="descritpion")= 'Curriculum vitae'
ul
- for (var i = 0; sectionsTab[i]; i++)
a(id= 'a-' + sectionsTab[i], href='#s-' + sectionsTab[i])!= '<li>' + sectionsTab[i] + '</li>'
#fond-header
.ghost
.middle.radius(data-sr= "enter top over 1.3s")
h1= 'Architect in digital technologies'
.ghost
#fond-white
svg(xmlns="http://www.w3.org/2000/svg", xmlns:xlink="http://www.w3.org/1999/xlink", viewBox="0 0 1000 20", preserveAspectRatio="none", width="100%", height="25%")
polygon(points="0,0 1000,15 0,100", style="fill:#fff;")
polygon(points="1000,0 0,7 1000,30", style="fill:#fff;")
- for (var i = 0; sectionsTab[i]; i++)
section(id="s-" + sectionsTab[i])
footer#footer
svg(xmlns="http://www.w3.org/2000/svg", xmlns:xlink="http://www.w3.org/1999/xlink", viewBox="0 0 1000 20", preserveAspectRatio="none", width="100%", height="100%")
polygon(points="0,0 1000,0 650,8", style="fill:#fff;")
a(id="cont-me", href="#my-name")
li(data-sr= "over 2.4s")= 'Contact me'
script(src= "./js/jquery-2.1.4.min.js")
script.
$('a[href^="#"]').click(function() {
var the_id = $(this).attr("href");
$('html, body').animate({
scrollTop: $(the_id).offset().top
}, 'slow');
return false;
});
script(src="https://code.jquery.com/ui/1.11.4/jquery-ui.js")
script(src="./js/menuTop.js")
script(src= "./citations/citation.js")
- for (var i = 0; sectionsTab[i]; i++)
script(src= `${sectionsDir}/${sectionsTab[i]}/${sectionsTab[i]}.js`)
script citation('"Slow and methodical testing like this will eventually get you to a point where you will either be able to spot the bug, or go quietly insane. Maybe both."', "s-connect");
script citation('"Computers are like Old Testament gods - lots of rules and no mercy."', "s-hobbies");
script.
$("#a-connect").attr("href", "#my-name");
script(src="./js/scrollReveal.min.js")
script.
var config = {
reset: true,
}
window.sr = new scrollReveal(config);
script.
$('#a-connect').find("li").html("contact")
script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-66134254-1', 'auto');
ga('send', 'pageview');