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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
|
<!DOCTYPE html>
<html lang=fr>
<!-- HEADERS -->
<head>
<meta charset=utf-8>
<title>
Licornes, hérissons et renards - 🦄 🦔 🦊</title>
<meta name=viewport content="width=device-width, initial-scale=1">
<link href=/ rel=canonical>
<link rel="shortcut icon" href=/s/img/ache.ico>
<link href=/s/css/style.css rel=stylesheet>
<script src=/s/js/main.js defer>
</script>
<style>
.book-container{display:flex;align-items:center;justify-content:center;perspective:600px}@keyframes initAnimation{0%{transform:rotateY(0deg)}100%{transform:rotateY(-30deg)}}.book{width:170px;height:260px;position:relative;transform-style:preserve-3d;transform:rotateY(-30deg);transition:1s ease;animation:1s ease 0s 1 initAnimation}.book:hover{transform:rotateY(0deg)}.book>:first-child{position:absolute;top:0;left:0;background-color:red;width:170px;height:260px;transform:translateZ(25px);background-color:#01060f;border-radius:0 2px 2px 0;box-shadow:5px 5px 10px #666}.book::before{position:absolute;content:' ';background-color:blue;left:0;top:3px;width:48px;height:254px;transform:translateX(142px) rotateY(90deg);background:linear-gradient(90deg, #fff 0%, #f9f9f9 5%, #fff 10%, #f9f9f9 15%, #fff 20%, #f9f9f9 25%, #fff 30%, #f9f9f9 35%, #fff 40%, #f9f9f9 45%, #fff 50%, #f9f9f9 55%, #fff 60%, #f9f9f9 65%, #fff 70%, #f9f9f9 75%, #fff 80%, #f9f9f9 85%, #fff 90%, #f9f9f9 95%, #fff 100%)}.book::after{position:absolute;top:0;left:0;content:' ';width:170px;height:260px;transform:translateZ(-25px);background-color:#01060f;border-radius:0 2px 2px 0;box-shadow:-10px 0 30px 10px #666}#container{display:flex;flex-flow:row wrap;padding:0 5px 0px 5px}#container div .book{top:15px;left:15px}#container section{width:222px;height:331px;margin:10px;transform-style:preserve-3d;overflow:hidden;position:relative;transition:all 0.55s ease;transform-style:preserve-3d}#container section .jv{width:444px;height:662px;transition:all 0.55s ease;background:linear-gradient(to top right, rgba(255,255,255,0) 65%, rgba(255,255,255,0.5) 70%);background-position:0 -100px}#container section .jv:hover{background-position:-100px 0px;transition:all 1s ease}#container section:hover{transform:scale(1.02) perspective(800px) rotateX(5deg)}@keyframes shine{to{opacity:1;bottom:-30%;right:150%}}
</style>
<meta name=description content="Site d'ache : Articles et présentation de mes projets">
</head>
<body>
<!-- Article -->
<article class="post hentry clearfix contenu" id="container">
<section style="background-image: url(river_city_girls.png);">
<div class="jv">
</div>
</section>
<section style="background-image: url(/sky_racket.png);">
<div class="jv">
</div>
</section>
<section style="background-image: url(spelunky.png);">
<div class="jv"/>
</section>
<section style="background-image: url(chess_ultra.png);">
<div/>
</section>
<section style="background-image: url(gladius.png)">
<div/>
</section>
<section style="background-image: url(star_crossed.png);">
</section>
<section class="book-container">
<div class="book">
<img
alt="The Outstanding Developer by Sebastien Castiel"
src="/lamant.png"
/>
</div>
</section>
</article>
<!-- aside left column -->
<aside id=side-bar>
<svg xmlns=http://www.w3.org/2000/svg width=100 height=100>
<path d="M6.25 37.5h12.5V50H6.25zm0 12.5h12.5v12.5H6.25zm0 12.5h12.5V75H6.25zm0 12.5h12.5v12.5H6.25zm12.5 0h12.5v12.5h-12.5zm12.5 0h12.5v12.5h-12.5zm12.5 0h12.5v12.5h-12.5zm12.5 0h12.5v12.5h-12.5zm12.5 0h12.5v12.5h-12.5zm12.5 0h12.5v12.5h-12.5zm0-12.5h12.5V75h-12.5zm0-12.5h12.5v12.5h-12.5zm0-12.5h12.5V50h-12.5zm-62.5 50h12.5V100h-12.5zm50 0h12.5V100h-12.5zm-37.5-50h12.5V50h-12.5zm25 0h12.5V50h-12.5zM18.75 25h12.5v12.5h-12.5zm50 0h12.5v12.5h-12.5zm-37.5-12.5h12.5V25h-12.5zm25 0h12.5V25h-12.5zM43.75 0h12.5v12.5h-12.5z"/>
</svg>
<h2>
Ache </h2>
<div id=desc>
Étudiant en Math-Info <br>
<span id=about>
GNU\Linux, C, C++, Python, Math, ... <br>
</span>
</div>
<nav>
<ul>
<li class=about_bar>
<a href=https://twitter.com/arobase_che title="Mon twitter abandonné">
<svg xmlns=http://www.w3.org/2000/svg width=20 height=20>
<path fill=#777 d="M17.39 6.525A10.335 10.335 0 011.543 15.8a7.526 7.526 0 005.141-1.59 3.71 3.71 0 01-3.074-2.491 3.71 3.71 0 001.643-.106 3.71 3.71 0 01-3.021-3.498 3.71 3.71 0 001.484.265 3.71 3.71 0 01-.954-4.77 10.335 10.335 0 007.473 3.816 3.551 3.551 0 016.148-3.286 6.201 6.201 0 002.279-.901 3.445 3.445 0 01-1.643 2.014 6.201 6.201 0 002.067-.583 3.445 3.445 0 01-1.696 1.855z"/>
</svg>
</a>
</li>
<li class=about_bar>
<a href=http://git.ache.one title="Dépôt git personnel">
<svg xmlns=http://www.w3.org/2000/svg width=20 height=20>
<path fill=#777 d="M20.12 9.356L11.166.403a1.32 1.32 0 00-1.867 0l-1.86 1.86L9.8 4.62a1.568 1.568 0 011.985 1.999l2.273 2.273a1.57 1.57 0 11-.941.886l-2.12-2.12v5.579a1.572 1.572 0 11-1.292-.046v-5.63a1.571 1.571 0 01-.853-2.06L6.526 3.175.386 9.314a1.32 1.32 0 000 1.869l8.954 8.953a1.32 1.32 0 001.868 0l8.912-8.911a1.321 1.321 0 000-1.868"/>
</svg>
</a>
</li>
<li class=about_bar>
<a href=https://mastodon.xyz/@ache title="Mon mastodon">
<svg xmlns=http://www.w3.org/2000/svg width=20 height=20>
<path fill=#777 d="M16.945 11.127c-.255 1.31-2.28 2.742-4.605 3.02-1.213.145-2.407.278-3.68.22a21.617 21.617 0 01-3.726-.498c0 .203.013.396.038.576.27 2.055 2.038 2.178 3.711 2.236 1.69.058 3.194-.417 3.194-.417l.07 1.528s-1.182.634-3.287.75c-1.161.065-2.602-.028-4.28-.473C.738 17.106.111 13.225.016 9.287-.013 8.118.005 7.016.005 6.094.005 2.067 2.644.887 2.644.887 3.974.277 6.256.02 8.629 0h.058c2.373.02 4.657.276 5.987.887 0 0 2.638 1.18 2.638 5.207 0 0 .034 2.97-.367 5.033"/>
<path fill=#fff d="M14.2 6.406v4.875h-1.93V6.55c0-.997-.42-1.503-1.26-1.503-.928 0-1.393.6-1.393 1.788v2.59h-1.92v-2.59c0-1.188-.466-1.788-1.394-1.788-.84 0-1.26.506-1.26 1.503v4.732h-1.93V6.406c0-.996.253-1.788.763-2.374.525-.586 1.213-.886 2.068-.886.988 0 1.737.38 2.231 1.14l.482.806.48-.806c.496-.76 1.244-1.14 2.233-1.14.854 0 1.542.3 2.068.886.51.586.763 1.378.763 2.374"/>
</svg>
</a>
</li>
</ul>
</nav>
<div class=lab>
<a href=/ title="⚠️ Mon laboratoire ! ☢️">
<svg xmlns=http://www.w3.org/2000/svg width=100 viewbox="0 0 192.842 258.573">
<defs>
<lineargradient id=b gradientunits=userSpaceOnUse x1=1067.5 y1=381.197 x2=1067.283 y2=353.527>
<stop offset=0 stop-color=#ed6537 stop-opacity=.73 />
<stop offset=1 stop-color=#edae37 />
</lineargradient>
</defs>
<g>
<mask maskunits=userSpaceOnUse maskcontentunits=userSpaceOnUse style=mask-origin:view-box id=a>
<path fill=#fff fill-opacity=.99 d="M15.328 112.776l37.874-21.151h85.64l38.94 21.545v130.357l-162.616-.12c-1.627-45.496-.48-92.601.162-130.63z"/>
</mask>
<g mask=url(#a) fill-opacity=.99>
<path d="M179.5 131.823s-11.961 11.723-30.523 9.5c-24.61-2.946-67.07-30.195-92.988-29.54-20.258.512-42.76 20.04-42.76 20.04v111.75H179.5zm166.271 0s-11.96 11.723-30.522 9.5c-24.61-2.946-67.07-30.195-92.989-29.54-20.257.512-42.76 20.04-42.76 20.04v111.75h166.271z" fill=#081bff>
<animatetransform attributename=transform attributetype=XML type=translate from="0 0" dur=1s repeatcount=indefinite to="-169.5 0"/>
</path>
<path d="M13.229 131.823s11.96 11.723 30.522 9.5c24.61-2.946 67.07-30.195 92.989-29.54 20.257.512 42.76 20.04 42.76 20.04v111.75H13.229zm-166.272 0s11.961 11.723 30.523 9.5c24.61-2.946 67.07-30.195 92.988-29.54 20.258.512 42.76 20.04 42.76 20.04v111.75h-166.271z" fill=#0862ff>
<animatetransform attributename=transform attributetype=XML type=translate from="0 0" dur=1s repeatcount=indefinite to="169 0"/>
</path>
</g>
<path d="M1029.87 331.065h60.724c13.12-.24 18.809 7.7 14.823 16.934l-13.954 32.328c-4.097 9.861-6.91 11.034-15.554 11.034h-31.788c-7.3 0-11.234-3.075-13.682-8.706l-14.375-33.06c-8.37-16.422 8.457-18.53 13.805-18.53z" fill=url(#b) transform="translate(-964.26 -321.06)"/>
<g transform="translate(42.252 27.767)" stroke-linecap=round stroke-linejoin=round>
<circle cx=71.985 cy=-5.713 r=2.893 fill=#ed6537 paint-order="stroke fill markers"/>
<circle cx=80.332 cy=20.073 r=2.365 fill=#ed6537 paint-order="stroke fill markers"/>
<circle r=2.893 cy=-4.754 cx=26.953 opacity=.57 fill=#ed6537 paint-order="stroke fill markers"/>
<circle cx=89.095 cy=-10.438 r=1.936 opacity=.814 fill=#ed6537 paint-order="stroke fill markers"/>
<circle r=1.551 cy=33.912 cx=36.212 opacity=.945 fill=#edaf35 paint-order="stroke fill markers"/>
<circle r=1.712 cy=20.099 cx=69.317 fill=#edaf35 paint-order="stroke fill markers"/>
<path opacity=.455 fill=none stroke=#fff stroke-width=10.795 stroke-opacity=.998 d="M13.97 14.949h44.962z"/>
<circle r=7.198 cy=30.768 cx=70.864 fill=#ed6537 paint-order="stroke fill markers"/>
</g>
<path d="M57.31 30.478A12.455 12.455 0 0044.828 42.96 12.455 12.455 0 0057.31 55.443h79.168a12.455 12.455 0 0012.483-12.483 12.455 12.455 0 00-12.483-12.482zm4.487 25.924c-5.677.305-7.78 3.904-8.035 7.822l-2.635 25.615-37.898 21.484-.729 120.38c0 10.094.294 14.34 18.793 14.34l133.732.03c11.615 0 14.952-4.106 14.952-19.236l.365-115.148-39.719-21.85-1.74-22.307c-.96-7.593-.231-10.367-9.307-11.13z" fill=none stroke=#e6ebf0 stroke-width=5 stroke-linecap=round stroke-linejoin=round paint-order="stroke fill markers"/>
<rect width=77.057 height=82.061 x=98.354 y=142.386 ry=0 rx=0 fill=#d0dae3 stroke=#d0dae3 stroke-width=4.69 stroke-linecap=square paint-order="fill markers stroke"/>
<path d="M78.734 118.815v96.871c0 6.866-2.176 16.32-12.892 16.32H44.675c-7.973-.188-14.432-.849-14.432-10.914l-.175-89.495c-.49-11.684 10.6-16.48 10.6-16.48l14.868-7.907c13.628-6.234 23.198-.063 23.198 11.605z" opacity=.31 fill=#f6f6f6 paint-order="stroke fill markers"/>
<path fill=#4a00fb d="M1720.76 216.204s48.053 22.441 73.456 20.85c34.796-2.178 61.483-38.563 96.27-40.888 25.156-1.682 72.933 20.038 72.933 20.038V372.2H1720.76zm-242.659 0s48.053 22.441 73.456 20.85c34.796-2.178 61.483-38.563 96.27-40.888 25.156-1.682 72.933 20.038 72.933 20.038V372.2h-242.659zm-242.659 0s48.053 22.441 73.456 20.85c34.797-2.178 61.483-38.563 96.27-40.888 25.156-1.682 72.933 20.038 72.933 20.038V372.2h-242.659zm-242.659 0s48.053 22.441 73.456 20.85c34.797-2.178 61.483-38.563 96.27-40.888 25.156-1.682 72.933 20.038 72.933 20.038V372.2H992.783z"/>
<circle cx=422.727 cy=463.678 r=121.329 fill=#fff fill-opacity=.776 />
<animatetransform attributename=transform attributetype=XML type=rotate dur=1s begin=0.2s repeatcount=indefinite values="-5 120 40;3 120 40;-5 120 40"/>
</g>
</svg>
</a>
🚧 En cours 🚧</div>
<nav>
<ul>
<li class=sommaire_blien>
<a href=/ title="L'accueil">
home</a>
</li>
<li class=sommaire_blien>
<a href=http://git.ache.one/ title="Dépôt git personnel">
git</a>
</li>
<li class=sommaire_blien>
<a href=/contact/ title="Me contacter">
contact</a>
</li>
</ul>
</nav>
</aside>
</body>
</html>
|
