mirror of
https://github.com/Akomry/website.git
synced 2025-12-06 03:33:53 +00:00
Alternance + i18n
This commit is contained in:
Emi Boucly
parent
ecb35bf14f
commit
7cc734afc1
8 changed files with 162 additions and 12 deletions
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<nav class="font-bigger">
|
||||
<RouterLink to="/alternance" class="nav-li">{{ $t('nav.alt') }}</RouterLink>
|
||||
<RouterLink to="/apprenticeship" class="nav-li">{{ $t('nav.alt') }}</RouterLink>
|
||||
<RouterLink to="/cv" class="nav-li">{{ $t('nav.cv') }}</RouterLink>
|
||||
<RouterLink to="/about" class="nav-li">{{ $t('nav.about') }}</RouterLink>
|
||||
<RouterLink to="/" class="nav-li">{{ $t('nav.home') }}</RouterLink>
|
||||
|
|
|
|||
|
|
@ -352,7 +352,7 @@
|
|||
$size: math.random(5);
|
||||
|
||||
position: absolute;
|
||||
top: math.random(200) - 1 + vh;
|
||||
top: math.random(270) - 1 + vh;
|
||||
left: math.random(100) - 1 + vw;
|
||||
width: $size + px;
|
||||
height: $size + px;
|
||||
|
|
|
|||
BIN
frontend/src/components/images/bt4.png
Normal file
BIN
frontend/src/components/images/bt4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,004 KiB |
BIN
frontend/src/components/images/debug.png
Normal file
BIN
frontend/src/components/images/debug.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 MiB |
28
frontend/src/components/images/impactiv.svg
Normal file
28
frontend/src/components/images/impactiv.svg
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<svg width="554" height="360" viewBox="0 0 554 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M144.404 320.23C146.563 320.23 148.456 320.642 150.083 321.467C151.739 322.262 153.114 323.382 154.209 324.825C155.303 326.269 156.116 327.933 156.649 329.819C157.211 331.675 157.492 333.634 157.492 335.696C157.492 338.524 157.004 341.117 156.028 343.473C155.052 345.801 153.602 347.671 151.68 349.085C149.757 350.47 147.332 351.162 144.404 351.162H133.313C132.81 351.162 132.381 350.986 132.027 350.632C131.701 350.279 131.539 349.851 131.539 349.351V321.997C131.539 321.496 131.701 321.084 132.027 320.76C132.381 320.406 132.81 320.23 133.313 320.23H144.404ZM143.961 347.716C146.238 347.716 148.086 347.171 149.506 346.081C150.955 344.991 152.005 343.532 152.656 341.706C153.336 339.879 153.676 337.876 153.676 335.696C153.676 334.105 153.484 332.588 153.099 331.144C152.745 329.671 152.168 328.375 151.369 327.256C150.6 326.136 149.595 325.252 148.353 324.604C147.14 323.956 145.676 323.632 143.961 323.632H134.866L135.221 323.279V348.157L134.955 347.716H143.961Z" fill="#0F172A"/>
|
||||
<path d="M166.62 349.351C166.62 349.851 166.443 350.279 166.088 350.632C165.763 350.986 165.349 351.162 164.846 351.162C164.314 351.162 163.885 350.986 163.559 350.632C163.234 350.279 163.071 349.851 163.071 349.351V329.73C163.071 329.23 163.234 328.817 163.559 328.493C163.914 328.139 164.343 327.963 164.846 327.963C165.349 327.963 165.763 328.139 166.088 328.493C166.443 328.817 166.62 329.23 166.62 329.73V349.351ZM164.846 325.002C164.107 325.002 163.559 324.855 163.204 324.56C162.85 324.266 162.672 323.809 162.672 323.19V322.572C162.672 321.953 162.864 321.496 163.249 321.202C163.633 320.907 164.18 320.76 164.89 320.76C165.6 320.76 166.132 320.907 166.487 321.202C166.842 321.496 167.02 321.953 167.02 322.572V323.19C167.02 323.809 166.828 324.266 166.443 324.56C166.088 324.855 165.556 325.002 164.846 325.002Z" fill="#0F172A"/>
|
||||
<path d="M182.845 327.742C184.146 327.742 185.344 327.963 186.438 328.405C187.532 328.817 188.479 329.362 189.277 330.04C190.105 330.717 190.741 331.424 191.185 332.161C191.658 332.897 191.895 333.59 191.895 334.238L191.008 333.707V329.863C191.008 329.362 191.17 328.95 191.496 328.626C191.85 328.272 192.279 328.095 192.782 328.095C193.314 328.095 193.743 328.272 194.069 328.626C194.394 328.95 194.557 329.362 194.557 329.863V349.218C194.557 351.634 194.039 353.637 193.004 355.228C191.998 356.819 190.638 358.012 188.922 358.807C187.207 359.603 185.299 360 183.199 360C182.312 360 181.321 359.883 180.227 359.647C179.162 359.411 178.216 359.117 177.388 358.763C176.56 358.439 176.042 358.1 175.835 357.747C175.391 357.452 175.11 357.113 174.992 356.73C174.903 356.377 174.963 356.038 175.17 355.714C175.465 355.302 175.82 355.095 176.234 355.095C176.648 355.095 177.181 355.228 177.831 355.493C178.127 355.581 178.556 355.729 179.118 355.935C179.68 356.141 180.331 356.318 181.07 356.465C181.809 356.642 182.534 356.73 183.244 356.73C185.758 356.73 187.68 356.067 189.011 354.742C190.342 353.446 191.008 351.722 191.008 349.572V345.462L191.496 345.683C191.318 346.508 190.963 347.274 190.431 347.981C189.898 348.688 189.233 349.321 188.434 349.881C187.665 350.411 186.793 350.838 185.817 351.162C184.87 351.457 183.909 351.604 182.933 351.604C180.863 351.604 179 351.089 177.343 350.058C175.717 349.027 174.415 347.612 173.439 345.815C172.493 344.018 172.02 341.971 172.02 339.673C172.02 337.346 172.493 335.284 173.439 333.486C174.415 331.689 175.717 330.29 177.343 329.288C178.97 328.257 180.804 327.742 182.845 327.742ZM183.333 331.012C181.795 331.012 180.434 331.395 179.251 332.161C178.068 332.897 177.136 333.914 176.456 335.21C175.776 336.506 175.436 337.994 175.436 339.673C175.436 341.293 175.776 342.766 176.456 344.092C177.136 345.388 178.068 346.419 179.251 347.185C180.434 347.951 181.795 348.334 183.333 348.334C184.87 348.334 186.231 347.966 187.414 347.23C188.597 346.464 189.529 345.432 190.209 344.136C190.889 342.84 191.229 341.352 191.229 339.673C191.229 337.964 190.889 336.462 190.209 335.166C189.529 333.869 188.597 332.853 187.414 332.117C186.231 331.38 184.87 331.012 183.333 331.012Z" fill="#0F172A"/>
|
||||
<path d="M204.983 349.351C204.983 349.851 204.806 350.279 204.451 350.632C204.126 350.986 203.711 351.162 203.209 351.162C202.676 351.162 202.247 350.986 201.922 350.632C201.597 350.279 201.434 349.851 201.434 349.351V329.73C201.434 329.23 201.597 328.817 201.922 328.493C202.277 328.139 202.706 327.963 203.209 327.963C203.711 327.963 204.126 328.139 204.451 328.493C204.806 328.817 204.983 329.23 204.983 329.73V349.351ZM203.209 325.002C202.469 325.002 201.922 324.855 201.567 324.56C201.212 324.266 201.035 323.809 201.035 323.19V322.572C201.035 321.953 201.227 321.496 201.612 321.202C201.996 320.907 202.543 320.76 203.253 320.76C203.963 320.76 204.495 320.907 204.85 321.202C205.205 321.496 205.383 321.953 205.383 322.572V323.19C205.383 323.809 205.19 324.266 204.806 324.56C204.451 324.855 203.918 325.002 203.209 325.002Z" fill="#0F172A"/>
|
||||
<path d="M210.915 328.449H221.34C221.814 328.449 222.198 328.611 222.494 328.935C222.819 329.259 222.982 329.642 222.982 330.084C222.982 330.555 222.819 330.953 222.494 331.277C222.198 331.572 221.814 331.719 221.34 331.719H210.915C210.471 331.719 210.087 331.557 209.761 331.233C209.436 330.909 209.273 330.511 209.273 330.04C209.273 329.598 209.436 329.23 209.761 328.935C210.087 328.611 210.471 328.449 210.915 328.449ZM215.573 322.439C216.076 322.439 216.49 322.616 216.815 322.969C217.141 323.293 217.303 323.706 217.303 324.207V345.55C217.303 346.257 217.407 346.788 217.614 347.141C217.821 347.495 218.087 347.745 218.412 347.892C218.767 348.01 219.107 348.069 219.433 348.069C219.728 348.069 219.98 348.025 220.187 347.937C220.424 347.819 220.69 347.76 220.985 347.76C221.281 347.76 221.547 347.907 221.784 348.202C222.05 348.467 222.183 348.82 222.183 349.262C222.183 349.793 221.873 350.249 221.252 350.632C220.631 350.986 219.936 351.162 219.167 351.162C218.752 351.162 218.235 351.133 217.614 351.074C217.022 351.015 216.431 350.824 215.839 350.5C215.248 350.176 214.745 349.645 214.331 348.909C213.946 348.143 213.754 347.082 213.754 345.727V324.207C213.754 323.706 213.932 323.293 214.287 322.969C214.641 322.616 215.07 322.439 215.573 322.439Z" fill="#0F172A"/>
|
||||
<path d="M247.04 328.095C247.572 328.095 248.001 328.272 248.326 328.626C248.652 328.95 248.814 329.362 248.814 329.863V349.351C248.814 349.851 248.637 350.279 248.282 350.632C247.956 350.986 247.542 351.162 247.04 351.162C246.537 351.162 246.108 350.986 245.753 350.632C245.428 350.279 245.265 349.851 245.265 349.351V345.153L246.108 345.064C246.108 345.712 245.886 346.419 245.443 347.185C244.999 347.951 244.393 348.673 243.624 349.351C242.855 349.999 241.953 350.544 240.917 350.986C239.882 351.398 238.758 351.604 237.546 351.604C235.535 351.604 233.716 351.089 232.089 350.058C230.492 348.997 229.235 347.568 228.318 345.771C227.401 343.974 226.943 341.927 226.943 339.629C226.943 337.302 227.401 335.254 228.318 333.486C229.264 331.689 230.521 330.29 232.089 329.288C233.686 328.257 235.475 327.742 237.457 327.742C238.729 327.742 239.912 327.948 241.006 328.36C242.1 328.773 243.047 329.333 243.845 330.04C244.674 330.747 245.309 331.527 245.753 332.382C246.197 333.236 246.419 334.09 246.419 334.945L245.265 334.68V329.863C245.265 329.362 245.428 328.95 245.753 328.626C246.108 328.272 246.537 328.095 247.04 328.095ZM237.901 348.334C239.379 348.334 240.681 347.951 241.805 347.185C242.958 346.419 243.86 345.388 244.511 344.092C245.162 342.766 245.487 341.279 245.487 339.629C245.487 338.009 245.162 336.55 244.511 335.254C243.86 333.928 242.958 332.897 241.805 332.161C240.681 331.395 239.379 331.012 237.901 331.012C236.451 331.012 235.15 331.38 233.997 332.117C232.873 332.853 231.985 333.869 231.335 335.166C230.684 336.462 230.359 337.95 230.359 339.629C230.359 341.279 230.684 342.766 231.335 344.092C231.985 345.388 232.873 346.419 233.997 347.185C235.15 347.951 236.451 348.334 237.901 348.334Z" fill="#0F172A"/>
|
||||
<path d="M259.744 349.351C259.744 349.851 259.567 350.279 259.212 350.632C258.857 350.986 258.428 351.162 257.925 351.162C257.423 351.162 257.009 350.986 256.683 350.632C256.358 350.279 256.195 349.851 256.195 349.351V320.23C256.195 319.729 256.358 319.316 256.683 318.992C257.038 318.639 257.467 318.462 257.97 318.462C258.502 318.462 258.931 318.639 259.256 318.992C259.582 319.316 259.744 319.729 259.744 320.23V349.351Z" fill="#0F172A"/>
|
||||
<path d="M282.128 320.23H297.922C298.425 320.23 298.854 320.392 299.209 320.716C299.564 321.04 299.741 321.452 299.741 321.953C299.741 322.454 299.564 322.866 299.209 323.19C298.854 323.485 298.425 323.632 297.922 323.632H283.637L284.036 322.881V334.061L283.592 333.575H295.926C296.428 333.575 296.857 333.737 297.212 334.061C297.567 334.385 297.745 334.797 297.745 335.298C297.745 335.799 297.567 336.212 297.212 336.536C296.857 336.83 296.428 336.977 295.926 336.977H283.726L284.036 336.58V348.025L283.77 347.716H297.922C298.425 347.716 298.854 347.892 299.209 348.246C299.564 348.599 299.741 348.997 299.741 349.439C299.741 349.94 299.564 350.352 299.209 350.676C298.854 351 298.425 351.162 297.922 351.162H282.128C281.626 351.162 281.197 350.986 280.842 350.632C280.517 350.279 280.354 349.851 280.354 349.351V321.997C280.354 321.496 280.517 321.084 280.842 320.76C281.197 320.406 281.626 320.23 282.128 320.23Z" fill="#0F172A"/>
|
||||
<path d="M305.256 328.051C305.818 328.051 306.291 328.302 306.676 328.802L322.114 348.423C322.351 348.747 322.469 349.1 322.469 349.483C322.469 349.984 322.292 350.411 321.937 350.765C321.582 351.118 321.168 351.295 320.695 351.295C320.133 351.295 319.645 351.03 319.231 350.5L303.792 330.923C303.555 330.599 303.437 330.246 303.437 329.863C303.437 329.333 303.615 328.905 303.969 328.581C304.354 328.228 304.783 328.051 305.256 328.051ZM305.256 351.251C304.872 351.251 304.487 351.103 304.103 350.809C303.718 350.514 303.526 350.131 303.526 349.66C303.526 349.277 303.674 348.909 303.969 348.555L311.245 339.408L313.108 342.324L306.676 350.544C306.321 351.015 305.848 351.251 305.256 351.251ZM320.695 328.051C321.197 328.051 321.597 328.213 321.893 328.537C322.218 328.861 322.381 329.23 322.381 329.642C322.381 329.819 322.336 330.01 322.247 330.216C322.188 330.423 322.085 330.614 321.937 330.791L314.706 340.027L312.842 337.331L319.231 328.847C319.645 328.316 320.133 328.051 320.695 328.051Z" fill="#0F172A"/>
|
||||
<path d="M338.766 327.963C340.778 327.963 342.582 328.464 344.179 329.465C345.776 330.467 347.033 331.851 347.95 333.619C348.896 335.387 349.369 337.419 349.369 339.717C349.369 341.986 348.896 344.018 347.95 345.815C347.033 347.583 345.776 348.982 344.179 350.013C342.611 351.015 340.837 351.516 338.855 351.516C337.761 351.516 336.726 351.354 335.75 351.03C334.803 350.676 333.931 350.234 333.132 349.704C332.363 349.144 331.713 348.526 331.18 347.848C330.648 347.141 330.263 346.449 330.027 345.771L331.003 345.153V358.189C331.003 358.689 330.84 359.117 330.515 359.47C330.189 359.824 329.761 360 329.228 360C328.725 360 328.297 359.824 327.942 359.47C327.616 359.146 327.454 358.719 327.454 358.189V329.951C327.454 329.45 327.616 329.038 327.942 328.714C328.297 328.36 328.725 328.184 329.228 328.184C329.761 328.184 330.189 328.36 330.515 328.714C330.84 329.038 331.003 329.45 331.003 329.951V333.884L330.337 333.531C330.544 332.794 330.899 332.087 331.402 331.41C331.934 330.732 332.57 330.143 333.31 329.642C334.079 329.112 334.922 328.699 335.838 328.405C336.785 328.11 337.761 327.963 338.766 327.963ZM338.367 331.233C336.888 331.233 335.572 331.601 334.419 332.338C333.295 333.074 332.408 334.076 331.757 335.342C331.136 336.609 330.825 338.067 330.825 339.717C330.825 341.338 331.136 342.796 331.757 344.092C332.408 345.388 333.295 346.405 334.419 347.141C335.572 347.878 336.888 348.246 338.367 348.246C339.846 348.246 341.147 347.878 342.271 347.141C343.395 346.405 344.282 345.388 344.933 344.092C345.584 342.796 345.909 341.338 345.909 339.717C345.909 338.067 345.584 336.609 344.933 335.342C344.282 334.076 343.395 333.074 342.271 332.338C341.147 331.601 339.846 331.233 338.367 331.233Z" fill="#0F172A"/>
|
||||
<path d="M365.313 351.604C362.947 351.604 360.876 351.103 359.102 350.102C357.327 349.1 355.952 347.73 354.976 345.992C354 344.225 353.512 342.192 353.512 339.894C353.512 337.331 354.015 335.151 355.02 333.354C356.055 331.527 357.386 330.143 359.013 329.2C360.64 328.228 362.37 327.742 364.204 327.742C365.594 327.742 366.91 327.992 368.152 328.493C369.424 328.994 370.548 329.73 371.524 330.703C372.529 331.645 373.328 332.794 373.919 334.149C374.511 335.475 374.821 336.963 374.851 338.612C374.821 339.084 374.629 339.482 374.274 339.806C373.919 340.13 373.505 340.292 373.032 340.292H355.508L354.71 337.243H371.79L371.08 337.861V336.889C370.991 335.681 370.592 334.65 369.882 333.796C369.202 332.912 368.359 332.234 367.354 331.763C366.348 331.292 365.298 331.056 364.204 331.056C363.316 331.056 362.429 331.218 361.542 331.542C360.684 331.837 359.9 332.338 359.191 333.045C358.51 333.722 357.963 334.606 357.549 335.696C357.135 336.786 356.928 338.097 356.928 339.629C356.928 341.338 357.268 342.84 357.948 344.136C358.658 345.432 359.634 346.464 360.876 347.23C362.119 347.966 363.553 348.334 365.18 348.334C366.244 348.334 367.161 348.202 367.93 347.937C368.699 347.671 369.35 347.347 369.882 346.964C370.444 346.552 370.917 346.139 371.302 345.727C371.686 345.462 372.071 345.329 372.455 345.329C372.869 345.329 373.224 345.477 373.52 345.771C373.816 346.066 373.964 346.419 373.964 346.832C373.964 347.333 373.727 347.775 373.254 348.157C372.396 349.071 371.258 349.881 369.838 350.588C368.448 351.266 366.939 351.604 365.313 351.604Z" fill="#0F172A"/>
|
||||
<path d="M382.191 351.162C381.688 351.162 381.26 350.986 380.905 350.632C380.579 350.279 380.417 349.851 380.417 349.351V330.084C380.417 329.583 380.579 329.171 380.905 328.847C381.26 328.493 381.688 328.316 382.191 328.316C382.724 328.316 383.152 328.493 383.478 328.847C383.803 329.171 383.966 329.583 383.966 330.084V335.917L383.433 334.989C383.611 334.076 383.921 333.192 384.365 332.338C384.838 331.454 385.43 330.673 386.14 329.995C386.849 329.288 387.663 328.743 388.58 328.36C389.496 327.948 390.502 327.742 391.596 327.742C392.247 327.742 392.839 327.904 393.371 328.228C393.933 328.522 394.214 328.95 394.214 329.509C394.214 330.128 394.051 330.585 393.726 330.879C393.4 331.174 393.031 331.321 392.617 331.321C392.232 331.321 391.863 331.248 391.508 331.1C391.153 330.923 390.709 330.835 390.177 330.835C389.437 330.835 388.698 331.041 387.959 331.454C387.249 331.837 386.583 332.396 385.962 333.133C385.371 333.869 384.883 334.709 384.498 335.652C384.143 336.565 383.966 337.552 383.966 338.612V349.351C383.966 349.851 383.788 350.279 383.433 350.632C383.108 350.986 382.694 351.162 382.191 351.162Z" fill="#0F172A"/>
|
||||
<path d="M397.779 328.449H408.205C408.678 328.449 409.063 328.611 409.358 328.935C409.684 329.259 409.846 329.642 409.846 330.084C409.846 330.555 409.684 330.953 409.358 331.277C409.063 331.572 408.678 331.719 408.205 331.719H397.779C397.336 331.719 396.951 331.557 396.626 331.233C396.3 330.909 396.138 330.511 396.138 330.04C396.138 329.598 396.3 329.23 396.626 328.935C396.951 328.611 397.336 328.449 397.779 328.449ZM402.437 322.439C402.94 322.439 403.354 322.616 403.68 322.969C404.005 323.293 404.168 323.706 404.168 324.207V345.55C404.168 346.257 404.271 346.788 404.478 347.141C404.685 347.495 404.951 347.745 405.277 347.892C405.632 348.01 405.972 348.069 406.297 348.069C406.593 348.069 406.844 348.025 407.051 347.937C407.288 347.819 407.554 347.76 407.85 347.76C408.146 347.76 408.412 347.907 408.648 348.202C408.915 348.467 409.048 348.82 409.048 349.262C409.048 349.793 408.737 350.249 408.116 350.632C407.495 350.986 406.8 351.162 406.031 351.162C405.617 351.162 405.099 351.133 404.478 351.074C403.887 351.015 403.295 350.824 402.704 350.5C402.112 350.176 401.609 349.645 401.195 348.909C400.811 348.143 400.619 347.082 400.619 345.727V324.207C400.619 323.706 400.796 323.293 401.151 322.969C401.506 322.616 401.935 322.439 402.437 322.439Z" fill="#0F172A"/>
|
||||
<path d="M143.48 290.769C132.056 278.457 122.402 264.48 114.923 249.242L138.976 235.355C149.475 257.47 165.392 276.513 185.012 290.769H143.48Z" fill="#0F172A"/>
|
||||
<path d="M138.976 110.799L114.923 96.9117C143.098 39.5122 202.126 0 270.383 0C338.887 0 398.096 39.7985 426.148 97.5353L402.088 111.427C378.89 61.9544 328.638 27.6923 270.383 27.6923C212.376 27.6923 162.303 61.6646 138.976 110.799Z" fill="#0F172A"/>
|
||||
<path d="M402.088 234.727C391.593 257.109 375.56 276.378 355.754 290.769H397.286C408.866 278.289 418.627 264.099 426.148 248.619L402.088 234.727Z" fill="#0F172A"/>
|
||||
<path d="M375.231 173.077C375.231 230.43 328.737 276.923 271.384 276.923C214.032 276.923 167.538 230.43 167.538 173.077C167.538 115.724 214.032 69.2308 271.384 69.2308C328.737 69.2308 375.231 115.724 375.231 173.077Z" fill="#0F172A" fill-opacity="0.1"/>
|
||||
<path d="M524.321 165.696L517.902 183.385L504 145.385H481.846L504.692 200.769H531.692L541.707 175.734L524.321 165.696Z" fill="#0F172A"/>
|
||||
<path d="M20.7692 200.769V145.385H0V200.769H20.7692Z" fill="#0F172A"/>
|
||||
<path d="M121.064 200.769V145.385H95.498L81.1582 178.616L66.441 145.385H40.7803V200.769H61.724V173.231L72 200.769H90L100.215 173.231V200.769H121.064Z" fill="#0F172A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.515 164.077C195.515 167.513 194.541 170.641 192.591 173.462C190.641 176.231 187.748 178.436 183.912 180.077C180.138 181.718 175.547 182.539 170.138 182.539H161.836V200.769H140.892V145.385H170.138C178.314 145.385 184.572 147.077 188.912 150.462C193.314 153.846 195.515 158.385 195.515 164.077ZM167.779 169.077C172.119 169.077 174.289 167.41 174.289 164.077C174.289 160.744 172.119 159.077 167.779 159.077H161.836V169.077H167.779Z" fill="#0F172A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M229.846 200.769L233.102 192.154H255.367L258.923 200.769H281.077L256.154 145.385H232.615L207.692 200.769H229.846ZM244.234 164.154L250.272 179.308H238.197L244.234 164.154Z" fill="#0F172A"/>
|
||||
<path d="M293.993 173.077C293.993 167.692 295.314 162.898 297.956 158.692C300.66 154.487 304.497 151.231 309.465 148.923C314.434 146.564 320.283 145.385 327.013 145.385C332.799 145.385 337.956 146.282 342.484 148.077C347.076 149.821 350.786 152.308 353.617 155.539C356.51 158.769 358.428 162.539 359.371 166.846H337.296C336.289 165.051 334.843 163.667 332.956 162.692C331.132 161.667 329.025 161.154 326.635 161.154C323.113 161.154 320.314 162.231 318.239 164.385C316.226 166.539 315.22 169.436 315.22 173.077C315.22 176.718 316.226 179.616 318.239 181.769C320.314 183.923 323.113 185 326.635 185C329.025 185 331.132 184.513 332.956 183.539C334.843 182.513 336.289 181.103 337.296 179.308H359.371C358.428 183.616 356.51 187.385 353.617 190.616C350.786 193.846 347.076 196.359 342.484 198.154C337.956 199.898 332.799 200.769 327.013 200.769C320.283 200.769 314.434 199.616 309.465 197.308C304.497 194.949 300.66 191.667 297.956 187.462C295.314 183.257 293.993 178.462 293.993 173.077Z" fill="#0F172A"/>
|
||||
<path d="M429.743 159.462V145.385H373.516V159.462H391.063V200.769H412.007V159.462H429.743Z" fill="#0F172A"/>
|
||||
<path d="M466.615 200.769H445.846V145.385H466.615V200.769Z" fill="#0F172A"/>
|
||||
<path d="M546.923 162.692L553.846 145.385H531.692L528.923 152.308L546.923 162.692Z" fill="#0F172A"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 19 KiB |
BIN
frontend/src/components/images/mender.png
Normal file
BIN
frontend/src/components/images/mender.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
|
|
@ -82,7 +82,7 @@ const i18n = createI18n({
|
|||
body1: ' Basically, I had to recreate a communication app using JavaFX. From the very basics, I had to use SceneBuilder to create our graphical environment, then create the whole controller stack using callbacks. I then wrote a TCP server and client, and incorporated them in the client app. Even though we were guided through this project, only a few managed to finish it.',
|
||||
body21: 'We also had to use git versioning, and the whole code is available to download on ',
|
||||
body22: '. I used the Jetbrains\' IDE, IntelliJ.',
|
||||
learntitle: 'What i learnt',
|
||||
learntitle: 'What i learneed',
|
||||
learn1: 'How to code in Java and in Object-Oriented Programming',
|
||||
learn2: 'How to create a graphical application using JavaFX',
|
||||
learn3: 'How to communicate between apps using TCP',
|
||||
|
|
@ -93,7 +93,7 @@ const i18n = createI18n({
|
|||
sae301: {
|
||||
title: "What is SAE301?",
|
||||
body1: 'This project was dedicated to make amplitude modulation on a RZ signal. We studied the whole circuitry, made the electronic schemes and calculated every component value to make everything work. We used an NE-555 to generate an NRZ signal, then used a programmable circuit to convert it to an RZ signal, then used a Wien bridge oscillator to generate a carrier sine that we multiplied to the RZ signal to modulate it. After modulation, we made a synchronous demodulation using the generated carrier, a multiplier and a low-pass filter.',
|
||||
learntitle: 'What I learnt',
|
||||
learntitle: 'What I learned',
|
||||
learn1: 'How an amplitude modulation works (+ demodulation)',
|
||||
learn2: 'How to make an oscillator from scratch',
|
||||
learn3: 'To brainstorm and work as a group',
|
||||
|
|
@ -105,7 +105,7 @@ const i18n = createI18n({
|
|||
title: "What is SAE201?",
|
||||
body1: 'During this project, I proceeded to the installation simulation of a microenterprise\'s networking system. For this I used tools like OpenStack to create virtual machines and networks. Then, I installed various services on CentOS Stream 8 machines. Those services includes Apache, DNSMasq, Grafana & Prometheus, and Nextcloud. ',
|
||||
body2: 'The simulated network was independant for each group. To access to our machines, we had to use virtual machines running Windows which had elastic IPs connected to our university\'s VPN.',
|
||||
learntitle: 'What I learnt',
|
||||
learntitle: 'What I learned',
|
||||
learn1: 'Install Linux services',
|
||||
learn2: 'Create bash scripts and manage a Linux system',
|
||||
learn3: 'Debug using tools such as Wireshark or TCPDump',
|
||||
|
|
@ -119,11 +119,39 @@ const i18n = createI18n({
|
|||
website: 'Current website',
|
||||
sae201: 'Network project',
|
||||
sae301: 'Electronics project'
|
||||
},
|
||||
|
||||
|
||||
|
||||
alternance: {
|
||||
title: "My apprenticeship",
|
||||
body1: "For my second year of Networking and Telecommunications Bachelor at the 1st Technological Institute of Grenoble, I am doing an apprenticeship in the company Impactiv'. My apprenticeship is lasting for two years.",
|
||||
|
||||
whois: "Who is",
|
||||
body2: "Impactiv’ is a small company with a dozen collaborators, located in La Tronche, Grenoble. We are selling a dynamic display solution for providers in community catering such as Elior, Compass or Sodexo. For example, we install screens and E-Ink ESLs (same technology as Amazon Kindle's screens) to display menus. Recently, Impactiv’ fused with Forgerz to form IDS Group, extending the catalog of software solutions we can offer to our clients.",
|
||||
|
||||
what: "What is my role at Impactiv' ?",
|
||||
what1: "Today, my main mission regroups the whole production chain for the computer park. Indeed, our dynamic display solution relies on a web technology, and not every screen has an integrated web browser. To overcome this, I configure, install and maintain the whole computer park. In parallel with this, I'm desking/helping my tutor on technical support tasks.",
|
||||
what2: "Therefore, the computer park ends up enormous; the machines' inventories are hard-written in multiple documents. That is why I started a project of developing an internal company solution in order to regroup all the information in one place, therefore easing the access to precious data that can help getting more efficient in tech support tasks",
|
||||
what3: "Moreover, I maintain the Linux system image installed on our equipment configured and installed on each site: for example, I wrote a network fallback script that allows the machine to fall back to DHCP if the machine cannot ping the router (when there's a savage changement of IP scope, for example).",
|
||||
what4: "Finally, aside from all that, I develop scripts and tools, like a bulk image compression script or a barcode scanner web app.",
|
||||
|
||||
learn: "What I learned",
|
||||
learn1: "Thanks to my apprenticeship, I was able to discover various tools.",
|
||||
learn2: "I improved my Git mastery (mostly GitLab), especially on branch management and on the issue system. I also learned a commit nomenclature and some rigor. Those were my first steps in the agile methods.",
|
||||
learn3: "The whole computer park maintenance and tech support allowed me to improve in error finding and debugging. I had, multiple times, to dig in Linux logs, try hotfixes, and nowadays it's easier for me to identify problems in my code or in a preexisting infrastructure.",
|
||||
learn4: "Working on the system images allowed me to develop my skills in bash an python. I learned how overlayfs works, as well as systemd units and I had my first steps containerizing using Docker. Moreover, I discovered mkosi, a tool created by the systemd team that can generate ready-to-use debian system images.",
|
||||
learn5: "The computer park maintenance made me discover tools like Mender, a tool used to deploy updates onto the machines of a computer park. Moreover, you can make inventories of said machines (like network configuration, environment variables, or simply the state of the machine) and the execution of custom scripts. By the way, I was able to experiment with OpenVPN and was able to scratch the surface of its functions.",
|
||||
learn6: "The Data Centralization app development made me learn and understand TypeScript, as well as NestJS and VueJS. I learned all this by self-taught using online docs.",
|
||||
learn7: "Finally, I used Notion, a team collaboration tool for sharing pages, docs, resources, databases, etc. I had to write docs that I could share to colleagues.",
|
||||
|
||||
conclusion: "To conclude",
|
||||
conclusion1: "This experience is enriching. Despite my first tutor leaving the company two months after starting my apprenticeship, I manage to keep considerable autonomy. I learn the world of working, teambuilding, and finally can have a concrete use of the knowledge I learned at school. Learning JavaScript and TypeScript were prolific and allowed me to develop this website."
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
fr: {
|
||||
nav: {
|
||||
|
|
@ -240,12 +268,34 @@ const i18n = createI18n({
|
|||
website: 'Site actuel',
|
||||
sae201: 'Projet réseau',
|
||||
sae301: 'Projet d\'électronique'
|
||||
},
|
||||
|
||||
alternance: {
|
||||
title: "Mon alternance",
|
||||
body1: "Dans le cadre de ma deuxième année de BUT Réseaux et Télécommunications à l'IUT1 de Grenoble, j'étudie en alternance dans la société Impactiv'. Cette alternance est d'une durée de deux ans.",
|
||||
|
||||
whois: "Qui est",
|
||||
body2: "Impactiv’ est une petite entreprise d’une dizaine de collaborateurs située à La Tronche, Grenoble. Nous proposons une solution d’affichage dynamique pour des prestataires de la restauration d’entreprises ou de collectivités comme Elior, Compass ou Sodexo. Par exemple, nous installons des écrans et des étiquettes connectées E-Ink (même technologie que les écrans de liseuses Kindle) pour afficher les menus. Récemment, Impactiv’ a fusionné avec Forgerz pour former IGS Group, étendant les solutions logicielles proposées à nos clients.",
|
||||
|
||||
what: "Quel est mon rôle chez Impactiv' ?",
|
||||
what1: "Aujourd'hui, ma mission principale consiste en toute la chaîne de mise en production du parc informatique. En effet, notre solution d'affichage dynamique repose sur une technologie web, et tous les écrans ne possèdent pas de navigateur web intégré. Pour palier à celà, je configure, installe et maintiens l'ensemble du parc informatique. En parallèle, j'assiste mon tuteur aux tâches de support technique.",
|
||||
what2: "Par conséquent, le parc informatique est volumineux; les informations d'inventaire de chaque site est noté en dur dans divers documents. Je me suis donc lancée dans le projet de faire une solution interne à l'entreprise destinée à regrouper toutes ces informations, afin de faciliter leur accès et d'affirmer leur véracité lors des tâches de support technique.",
|
||||
what3: "De plus, je maintiens l'image système installée sur les équipements configurés et installés sur site : j'ai par exemple écrit un script de garde-fou réseau, permettant de basculer sur une configuration DHCP si la machine ne peut plus accéder à la passerelle (lors d'un changement de plan d'adressage IP sauvage par exemple).",
|
||||
what4: "Enfin, à côté de tout cela, je développe des scripts et des outils, comme un script de compression d'images en lot ou une application web de scan de code-barres.",
|
||||
|
||||
learn: "Ce que j'ai appris",
|
||||
learn1: "Grâce à ma formation en Alternance, j'ai pu découvrir différents outils.",
|
||||
learn2: "J'ai amélioré ma maîtrise de Git (notamment GitLab), notamment pour la gestion des branches et du système d'issues. J'ai notamment appris une nomenclature pour les commits, et une rigueur d'utilisation. Ce fut mes premiers pas dans les méthodes agiles.",
|
||||
learn3: "La maintenance du parc informatique et le support technique m'ont permis de m'améliorer dans la recherche d'erreurs et le débogage. J'ai du, à plusieurs reprises, fouiller les journaux Linux des systèmes, du essayer des réparations, et aujourd'hui j'arrive plus simplement à identifier des problèmes dans mon code ou dans une infrastructure existante.",
|
||||
learn4: "Travailler sur les images systèmes m'a permis de développer mes compétences en bash et en python. J'ai pu comprendre comment fonctionne le système d'overlayfs, les unités systemd et j'ai pu acquérir des bases de conteneurisation. De plus, j'ai découvert l'outil mkosi, outil créé par l'équipe de systemd, permettant de générer des images systèmes debian prêtes à être utilisées.",
|
||||
learn5: "La gestion de parc informatique m'a appris l'utilisation d'outils comme Mender, un outil permettant de déployer des mises à jour sur les machines d'un parc informatique. De plus, il permet d'effectuer l'inventaire des machines (comme les adresses réseau, des variables d'environnement, ou tout simplement l'état de la machine) et l'exécution de scripts personnalisés. Par ailleurs, j'ai pu expérimenter avec OpenVPN et j'ai pu effleurer une partie de son fonctionnement.",
|
||||
learn6: "L'application de centralisation de données m'a permis d'apprendre et comprendre le langage TypeScript, ainsi que le fonctionnement de NestJS et de VueJS. J'ai appris cet ensemble en autodidacte à l'aide des documentations en ligne.",
|
||||
learn7: "Enfin, j'ai eu l'occasion d'utiliser Notion, un outil de collaboration en entreprise. J'ai écrit des documentations que j'ai pu mettre à disposition à mes collègues, notamment.",
|
||||
|
||||
conclusion: "En conclusion",
|
||||
conclusion1: "Cette expérience est très enrichissante. Malgré le départ de mon tuteur en début d'alternance, j'ai su garder une autonomie conséquente. J'apprends le monde du travail, à travailler en équipe et je peux enfin faire une application concrète de ce que j'ai pu apprendre en cours. L'apprentissage du JavaScript et du TypeScript ont été prolifiques et m'ont permis de rédiger ce site web."
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
|
|||
|
|
@ -3,6 +3,78 @@
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<div class="margin">
|
||||
<h2>{{ $t('alternance.title') }}</h2>
|
||||
<p>
|
||||
{{ $t('alternance.body1') }}
|
||||
</p>
|
||||
<br>
|
||||
<h2>{{ $t('alternance.whois') }} <a href="https://impactiv.fr/">Impactiv'</a> ?</h2>
|
||||
<div class="grid">
|
||||
<p class="marginauto">
|
||||
{{ $t('alternance.body2') }}
|
||||
</p>
|
||||
<img class="marginauto" src="../components/images/impactiv.svg" alt="impactiv-logo" width="300">
|
||||
</div>
|
||||
<br>
|
||||
<h2>{{ $t('alternance.what') }}</h2>
|
||||
<div>
|
||||
<div class="grid">
|
||||
<p>
|
||||
{{ $t('alternance.what1') }}
|
||||
</p>
|
||||
<img class="marginauto" src="../components/images/bt4.png" alt="bt4" width="300">
|
||||
</div>
|
||||
<p>
|
||||
{{ $t('alternance.what2') }}
|
||||
</p>
|
||||
<p>
|
||||
{{ $t('alternance.what3') }}
|
||||
</p>
|
||||
<p>
|
||||
{{ $t('alternance.what4') }}
|
||||
</p>
|
||||
</div>
|
||||
<br>
|
||||
<div>
|
||||
<h2>{{ $t('alternance.learn') }}</h2>
|
||||
<p>
|
||||
{{ $t('alternance.learn1') }}
|
||||
</p>
|
||||
<p>
|
||||
{{ $t('alternance.learn2') }}
|
||||
</p>
|
||||
<div class="grid">
|
||||
<img class="marginauto" src="../components/images/debug.png" alt="debug-screen" width="300">
|
||||
<p class="marginauto">
|
||||
{{ $t('alternance.learn3') }}
|
||||
</p>
|
||||
</div>
|
||||
<p>
|
||||
{{ $t('alternance.learn4') }}
|
||||
</p>
|
||||
<div class="grid">
|
||||
<p>
|
||||
{{ $t('alternance.learn5') }}
|
||||
</p>
|
||||
<img class="marginauto" src="../components/images/mender.png" alt="mender-logo" width="400">
|
||||
</div>
|
||||
<p>
|
||||
{{ $t('alternance.learn6') }}
|
||||
</p>
|
||||
<p>
|
||||
{{ $t('alternance.learn7') }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<div>
|
||||
<h2>{{ $t('alternance.conclusion') }}</h2>
|
||||
<p>
|
||||
{{ $t('alternance.conclusion1') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue