summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorache <ache@ache.one>2022-02-26 23:43:46 +0100
committerache <ache@ache.one>2022-02-26 23:43:46 +0100
commit3d9743a12a6a31667fc9bd4fd3b7ed4ec55de561 (patch)
tree5c2e8cfc9a1fecb8fa756741729fb4f93b0c2b32
parentDéplace les îcones de RS (diff)
Base design of notes
-rw-r--r--notes/index.html188
1 files changed, 188 insertions, 0 deletions
diff --git a/notes/index.html b/notes/index.html
new file mode 100644
index 0000000..10ba331
--- /dev/null
+++ b/notes/index.html
@@ -0,0 +1,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>
+