-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (124 loc) · 7.62 KB
/
index.html
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<body>
<!--
Visit me Github & follow me.
-->
<head>
<link rel="shortcut icon" href="https://github.com/berru-g/challenge-codepen/blob/main/dino.gif?raw=true" />
<link rel="stylesheet" href="style.css">
</head>
<nav>
<div class="navbar">
<div class="container nav-container">
<input class="checkbox" type="checkbox" name="" id="" />
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<div class="logo">
<h2>The Craftsman</h2>
<h6>- V1.0.1 -</h6>
</div>
<div class="menu-items">
<li><a href="#">who am I?</a></li>
<li><a href="http://www.github.com/berru-g">Github</a></li>
<li><a href="https://codepen.io/h-lautre">Codepen</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Collab</a></li>
<li><a href="https://dodcircuits.netlify.app/">Shop</a></li>
<li><a href="#">Project</a></li>
</div>
</div>
</div>
</nav>
<div class="sketchfab-embed-wrapper"> <iframe title="Bureauu" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share
width="100%" height="480" src="https://sketchfab.com/models/1b64e5ee28a0416ea4a1a4a0a244cd38/embed?autostart=1"> </iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
</div>
</div>
</div>
<!--Skill's*********************************************************************************************-->
<h2 class="intro_title">Where am I ?</h2>
<p class="intro_text">Hi. You are on the site of a creative, all the works presented here are my experiences, the things I do when I'm bored. I'm into programming just for fun. I learn step by step according to my needs and projects.but I want to learn more by working
on external projects. If my skills can be useful to you, write to me and present your project to me. </p>
<div class="main">
<span class="tooltip " data-tooltip="Un projet, un besoin, une idée à développer, à partager ? N'hésite pas écris moi. "><a href="mailto:lea-bruger@outlook.com">?</a></span>
<h1>- My work -</h1>
<ul class="cards">
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="https://user-images.githubusercontent.com/61543927/191817250-c6814ad8-dab7-4e76-9046-d444f7d32092.gif"></div>
<div class="card_content">
<h2 class="card_title">Web programming</h2>
<p class="card_text">Work visibly via codepen, frontend only. Used HTML, CSS & JavaScript.</p>
<a href="https://codepen.io/h-lautre"><button class="btn card_btn">Visit Codepen</button></a>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="https://user-images.githubusercontent.com/61543927/194761455-f0fcaaae-1248-41ca-ba36-c80ccaaf6911.gif"></div>
<div class="card_content">
<h2 class="card_title">Creative programming</h2>
<p class="card_text">Visual and musical effects or game programming. Used Python. Im beginner work in progress</p>
<a href="https://github.com/berru-g"><button class="btn card_btn">Visit Github</button></a>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="https://github.com/berru-g/Make-Play/blob/main/src/PCB3D.gif?raw=true"></div>
<div class="card_content">
<h2 class="card_title">Hardware</h2>
<p class="card_text">Crea microcontroller usb midi from A to Z. Used C++ & arduino language, Easyeda. </p>
<a href="https://berru-g.github.io/Make-Play/"><button class="btn card_btn">Learn more</button></a>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="https://github.com/berru-g/challenge-codepen/blob/main/img/mindmapevent.png?raw=true"></div>
<div class="card_content">
<h2 class="card_title">Event organizer</h2>
<p class="card_text">Nantaise association for organizing events. flaneries since 2018.</p>
<a href="https://berru-g.github.io/assoberru/"><button class="btn card_btn">Visit site</button></a>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="https://github.com/berru-g/Make-Play/blob/main/src/dod.gif?raw=true"></div>
<div class="card_content">
<h2 class="card_title">3D creation</h2>
<p class="card_text">3D modeling test for the microcontroller project with arduino. </p>
<a href="https://www.tinkercad.com/dashboard"><button class="btn card_btn">Visit Tinkercad</button></a>
</div>
</div>
</li>
<li class="cards_item">
<div class="card">
<div class="card_image"><img src="https://github.com/berru-g/challenge-codepen/blob/main/img/GIF%201.gif?raw=true"></div>
<div class="card_content">
<h2 class="card_title">Motion Design</h2>
<p class="card_text">Simple animation for communication needs related, in particular to my association.</p>
<a href="https://jitter.video/files/"><button class="btn card_btn">Visit Jitter</button></a>
</div>
</div>
</li>
</ul>
</div>
<h1>- My skill's, stat & tool use -</h1>
<a href="https://github.com/berru-g/berru-g" id="repo">
<img align="center" src="https://github.com/berru-g/The-Craftman/blob/main/img/Stat.png?raw=true" />
</a>
<div id="stat">
<img id="card_item" src="https://github-readme-stats.vercel.app/api/top-langs/?username=berru-g&te_color=white&bg_color=a7a7a7&hide_border=true&title_color=118ab2&custom_title=Favorite language&langs_count=9&card_height=100&layout=compact" />
<img id="card_item" src="https://github-readme-stats.vercel.app/api/?username=berru-g&bg_color=a7a7a7&hide_border=true&title_color=118ab2&custom_title=Github activity&card_width=30%&include_all_commits=true" />
<a href="https://github.com/berru-g/phylorythme">
<img align="center" title="visit me other hobbies" src="https://user-images.githubusercontent.com/61543927/175894653-1c4879d2-4d70-41f5-a723-1b5c5b7816e5.png" />
</a>
</div>
</body>
<footer>
<p> Made with love by <a href="http://www.github.com/berru-g"> Man who tries </a></p>
</footer>