summaryrefslogtreecommitdiff
path: root/notes/index.html
blob: 10ba3312026396855342a3af9896747d182be635 (plain)
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!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">
<style>
.list-notes {
  display: flex;

  flex-flow: row wrap;
  justify-content: space-evenly;
}
.list-notes article {
  margin: 5px;
  padding-top: 10px;
  padding-left: 20px;
  background-color: pink;
  border-radius: 10px;
  max-width: 230px;
}
.list-notes article h1 {
  font-size: 1rem;
  font-style: bold;
  color: #333;
}
</style>
    <link rel=canonical href=https://ache.one>
    <link rel="shortcut icon" href=/s/img/ache.ico>
    <link href=/s/css/style.css rel=stylesheet>
    <link href=/s/css/katex.css rel=stylesheet>
    <script src=/s/js/main.js defer>
    </script>
    <script src=/s/js/katex.js defer>
    </script>
    <meta name=description content="ache: Mon site personnel. Articles et présentation de mes projets">
  </head>
  <body>
    <div id=decal_panel>
      <!-- Article -->
      <article class="post hentry clearfix contenu">
        <h1>Notes</h1>
        <section class="list-notes">
          <article>
            <h1>Comment manger en paie.</h1>
          </article>
          <article>
            <h1>Comment manger en paielqsjdfklqjsd mkqfjsldk jfmqlskdjfmlk.</h1>
          </article>
          <article>
            <h1>Comment manger en paie.</h1>
          </article>
          <article>
            <h1>La vie dans la forêt.</h1>
          </article>
          <article>
            <h1>La vie dans la forêt.</h1>
          </article>
          <article>
            <h1>La vie dans la forêt.</h1>
          </article>
        </section>
      </article>
      <!-- aside left column -->
      <nav tabindex=0 id=harr class=hide_arrow role=button>
        <svg xmlns=http://www.w3.org/2000/svg viewbox="0 -256 1792 1792" width=70 height=70>
          <g id=glob>
          <path fill=orange opacity=.4 stroke=orange stroke-width=5 d="M627 992q0-13-10-23L224 576l393-393q10-10 10-23t-10-23l-50-50q-10-10-23-10t-23 10L55 553q-10 10-10 23t10 23l466 466q10 10 23 10t23-10l50-50q10-10 10-23z" id=lt>
          <animate id=grow attributename=stroke-width values=5;75;5 dur=0.5s begin=0s;wait.end />
          <animate id=wait attributename=stroke-width values=5;5 dur=1.5s begin=grow.end />
          </path>
          </g>
        </svg>
      </nav>
      <aside id=side-bar>
        <svg xmlns=http://www.w3.org/2000/svg width=100 height=100 id=logo-ache>
          <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>
          <div id=desc_intro>
            Éternel étudiant en Math-Info.<br>
            <span class=about>
              Autodidacte passionné,<br>
              <div class=type_wrap>
                <span class=type>
                  désormais ingénieur.</span>
              </div>
            </span>
          </div>
          <br>
          <span class=about>
            GNU\Linux, C, C++, Python, Math, autohébergement, décentralisation, P2P, commun, ... <br>
          </span>
          <br>
        </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">
                me</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 id=ontheweb>
          <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>
      </aside>
    </div>
  </body>
</html>