From 95dbb996cb211448377e582b708a36716fee15f5 Mon Sep 17 00:00:00 2001 From: Anthony Dumas Date: Fri, 15 Mar 2019 00:35:59 +0100 Subject: [PATCH] Suppression de Font Awesome + Passage par icomoon + Ajout de la partie Contact --- _sass/main.scss | 44 ++++++++++++++++++++++++++++++++++++++++ css/main.css | 36 ++++++++++++++++++++++++++++++++ font/Read Me.txt | 7 +++++++ font/fonts/icomoon.eot | Bin 0 -> 2288 bytes font/fonts/icomoon.svg | 15 ++++++++++++++ font/fonts/icomoon.ttf | Bin 0 -> 2124 bytes font/fonts/icomoon.woff | Bin 0 -> 2200 bytes font/selection.json | 1 + font/style.css | 41 +++++++++++++++++++++++++++++++++++++ index.html | 36 +++++++++++++++++++++++++++----- 10 files changed, 175 insertions(+), 5 deletions(-) create mode 100644 font/Read Me.txt create mode 100644 font/fonts/icomoon.eot create mode 100644 font/fonts/icomoon.svg create mode 100644 font/fonts/icomoon.ttf create mode 100644 font/fonts/icomoon.woff create mode 100644 font/selection.json create mode 100644 font/style.css diff --git a/_sass/main.scss b/_sass/main.scss index cb983f9..ff2ca33 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -86,4 +86,48 @@ footer strong { div.hero-body { margin-left: env(safe-area-inset-left); margin-right: env(safe-area-inset-right); +} + +.btn-centered div.column.hasContent { + padding-left: 5%; +} + +@font-face { + font-family: "icomoon"; + src: url("../font/fonts/icomoon.eot"); + src: url("../font/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../font/fonts/icomoon.svg#icomoon") format("svg"); + font-weight: normal; + font-style: normal; +} + +.icon .fab { + font-family: "icomoon"; + content: attr(data-icon); + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-style: normal; +} + +.icon-github-alt:before { + content: "\e903"; +} + +.icon-linkedin-square:before { + content: "\e902"; +} + +.icon-envelope-open:before { + content: "\e901"; +} + +.icon-twitter:before { + content: "\e904"; +} + +.icon-telegram:before { + content: "\e900"; } \ No newline at end of file diff --git a/css/main.css b/css/main.css index a773935..bbb3dde 100644 --- a/css/main.css +++ b/css/main.css @@ -6979,3 +6979,39 @@ footer strong { div.hero-body { margin-left: env(safe-area-inset-left); margin-right: env(safe-area-inset-right); } + +.btn-centered div.column.hasContent { + padding-left: 5%; } + +@font-face { + font-family: "icomoon"; + src: url("../font/fonts/icomoon.eot"); + src: url("../font/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../font/fonts/icomoon.svg#icomoon") format("svg"); + font-weight: normal; + font-style: normal; } + +.icon .fab { + font-family: "icomoon"; + content: attr(data-icon); + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + font-style: normal; } + +.icon-github-alt:before { + content: "\e903"; } + +.icon-linkedin-square:before { + content: "\e902"; } + +.icon-envelope-open:before { + content: "\e901"; } + +.icon-twitter:before { + content: "\e904"; } + +.icon-telegram:before { + content: "\e900"; } diff --git a/font/Read Me.txt b/font/Read Me.txt new file mode 100644 index 0000000..8491652 --- /dev/null +++ b/font/Read Me.txt @@ -0,0 +1,7 @@ +Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. + +To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts + +You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. + +You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. diff --git a/font/fonts/icomoon.eot b/font/fonts/icomoon.eot new file mode 100644 index 0000000000000000000000000000000000000000..53d9c8aa1e58c4908945daf9f7f56c4a667a580e GIT binary patch literal 2288 zcmaJ@TSy#N82-=9?95(tH>-PfFRruh?r6M>dzp=CG@CU_wOX503`wKzs#}xb?uxEp zN^_yu7HZn$t>h(rNT7Wxr4LPo5<=-y2!)0c`Vfkcrw|H(QfO(_{%2;aYmgr1ob&zP z|DWsspL6Dg5nvcI0S5La0yhX{hTquBQ(G;qZ(Le`SqET+^DqNtC}J){2@R}p5(+Q} z%Pqt6%8KU+cu^jv@_czF&pc-TM49&IDCSoda6yRqRg^=ee6etI$n-bLcW{gk7RpN% zoF^t@8`T5LzC&(+0f4#5JVfTYR+HzDASP;8mB@iAL4_HBXB>Nf`#xk?%*gF*K2?Wk zp^ipJ^rKFzS=Gu992`R43`TS=gIwqtx4pT&O&cKw6_f3!ZVua3_e+4Fm92`y;7E6? zCcAe3&!KkvE_Qqu+>ii>)GJZJU?q(tqPT2KTscbIE+rjt2v#ESVKLT0V$oDG-AmF+ zBJK{Nmic^)_t>}Uyu^8#M9fy>Zzi+Z(0jGc!;#aHv^F_$;ljk^nuKW=KP1;09Q-}A zM~HnZ7=*{~35Fw6W{dOrUek%S7D;MZo0!0T*_o#gvbeo=2On+{qbYk*p_Az)iMWeS zCrF$`l{-lXp_8_fuozXR&D#jC+a%&jngb>B&o>c;W!uke_{N%>$9x-S+F5q%USCe+ z8H3YctqLOqVzEF#k^-B5Jw1D>)6sop>-S%ccER2lmwsjr z@0#a#=X{rqKn-}{FkT-(&=u&3BnE`b*;FOCwR!J&KwXm>GOv(0b()e&J9vSw4lQ&P zU7l8=M>W4}>fKT}8ViSG(J(2BSfV7J9qA9G{jPSmtKH>K2L^_HzHud$%%xJP zalh}X)#;DNS2CG&cQ$)Dl?*zqkrt!TW<5TgIC#2UIuT3cvo@R2*b*VoI6B%`owGA0 zmSgcV&1ADN>7an=pcKm%T)G_2okJCk1<{>!)&GGWg0Zaaf*P_eO`t)J8;8xYWN+1X z`Y^iRpPs%ldZWkUs>v+NJ(G1NyQ$VwlNqaPbw}E3YsA*pyrLXtnfZ~}fH(At&(a$3 zD_-VDzwF>^__rn}K9%LR7$GfD@@kqPEL&UXW6U+gdqVbhI$OnX+-hUZPRnpHlsb&kDV(XvVuAlNlTk#3$+rQOG0ah}x40pDL|`oe@=2y|BWU`gjBc + + +Generated by IcoMoon + + + + + + + + + + + \ No newline at end of file diff --git a/font/fonts/icomoon.ttf b/font/fonts/icomoon.ttf new file mode 100644 index 0000000000000000000000000000000000000000..f166901b18703d21eb00b840fbd719faa0b61580 GIT binary patch literal 2124 zcmaJ?U1%It6h3!mc4mK)-EOkK*`G{ivpbVCKa<^^*``0~cGCnC8$)YIX>F37Bx~A| z-3`eGQqi_ZR4~={P5M$FTF@sEAFKr_MSLnnut@QtNTE-q2!aTTCh^Qq%!H4VSPvp07k9U`bwei@i%92bz9^Tmu^bb)9;E zlB;GbiKMl_S6vr<^i5D^u6tSkf*VtOuvhr!W%%}O|MZLGke<5iUI@sQ0@df zQ1}txpE28;+uO!0{uvmUY(EV$IIn(P0tB@@butPd*Kero>ixeAN4Ia|!nYv^8GvN7 zn&ND3(n^wQz(b|g!z36`b4efPCLEg(#2zB1lx%K*r=LV7+S?~0PfmB!^w!W%`sbF$ipp+hmGSZ;bFNspKtCP3gg^3 z>tR}k<x=NY)AdXikW<$4P^Bbo230u{cDvAJwjs zD_b>+i-}?^CP}f)Kc1dB+3V}SwDs#xb}#2`O-nye`*+o~U7K&yNoar&?1wV?0$qWg z$YMYQ{B3n4XxhEw0pmsK8I4?a`=jafT0WoaFBC2+*|^`G z?6BKC?xVAry{EdR<6=fDcszD{N0LD6_;_o5EzCJ+hQ^;`u22xAy&RUkl2|Covt9jd zZ3)K4*n~ErziU<=sL8=}h(8=xI$RFBQ_98<^P#?=yo!FsHyVZ!`Uc+H5E6{bfX~14 zs8V7a-Kn4YA8?3ZEStArglxbhdXVGA;dE^28_m5DjP7@4XD^LkJLC#9;+Qxb<_|<%ow2AIroM~HKDL2S?&@E=}3{6 zaulKI#?m0=Y#`y|a=6#uDJ0Tv5AF23j+OZc8{ESyUfSc*W5LQXciwt(XU22zH*gsN z4L^SVVT(R&_EvVmM617Hqu@LvSDFt%Z+Ekmso^kJGKoG-=X%ArqUS2TV(!P{1Rum< z86FdrJfsd9D>*=aQF__g(I8gihR>}12yiGf_ofgREleX;EzBTZwXhBU-TW42QU0=p zozMdB>$#b6pu~+MCZ-TCSeQn9$ifWbH!W;~0Pq%OQGUY0PRPQob92>lwOWC5Fb7q9 zYE}FylcnXAbJYsp*CWFul<@2;sDJ~wP9J6w`GvDyC_GVGSY6bXanlkSx(bV+!SV|= zhpUwuzfh`_mbF@Go}azIkIYra(6$~JHukRJ?hCj~#jr?&8us%jn}rM5ju;0RGY^0^ Lq66z)@?ZQn6Y)*d literal 0 HcmV?d00001 diff --git a/font/fonts/icomoon.woff b/font/fonts/icomoon.woff new file mode 100644 index 0000000000000000000000000000000000000000..34297d83a49163e85dc99d3b7fd1cbe59ecd2154 GIT binary patch literal 2200 zcmaJ?U2Gdg5T3m|-`P%L*NK1QpE&2(cS)P%V*AcbNmJKpED{=`mMB$Alh{d2(kiyA z#1Somwn70UQfS|3U&=!(!4pC}P%5FSLVc<#1Qn`ys8FRoRTUBvLIOb&X74T}h={dk z_M6$+o!On)z1K(cc_4tzdKK#Q{xIb`wb56)lK{kuV+BgiM$4x&<>DFC&7(X<$v6IR zb*{KXbzh@QZ7J=VTR8U`>h1w>XDQvkdCxarD$WA%eK@XBa$hKXJdaA$)lhDuBz(i( zpD)*N4u5r1=YI@=h3X8oqdwe}m`CjI<>FcN%YTP*R3`_VsT9j4)cu0K-=%bI*!Jg{ z>JqMR#WhVk77@$7L9T!WfVsvzK>4!Kljo2kHk7wFvTM6UaTeei$KKtz3t1KkH3Vt1 zMRlNiK@`FEi~vC^r@o4z zV*oO}y6Y|f|F6T*ja#_zE$~4KAl{@U1dD^Tkhtb`GD+(4g3-O_)t(a(|Nvb;Juar*SczyI+vL5-h@_w*^bzl)cXL{NJV%tL?JfzB)01=du}R5OTP6mz$5ZiV4+~)@U&O zB$f2ia3aJ*bh(>!5gN3E#KeRiHt!_7X_HE784k4gUth*GmhC+8BskXAHWqwxqLXFU z?+g?~p0Ri=PF|cEFh&NZMBa%ih8GJ1;_TkuQj|Hk_I+H_;!HOuu+s1icQ)(3F)XnH zxBi8aZ|0nQ1Xl^ZvW3n?|Gc-bBl>6UT7VY2-gQmskvdn+p+$fDRTi!qtJymIWIsy2`n zf`3*JgKZH~Up%z-c(70yWZDiDFOy5_HAVrYmf;A%V$7LyV&QWlY;B%T}@3}-^#PM^2a8_I<9hl9a!O-&b6 zRUHonFFHJ-Wb$k_o9WHv&a3H&#}RM0TAhwV)2ZFZJLMx%s+e;+t=9H9ftJzHmhF_A zv9TPBf7?thC&{}7Y`bMCS5l_;^tQIfI16VHTgBcz(@K9$@g@Dy0}-{o&StgC>Bxbo zzsIL6V_xx&24IN2j^{Rr0@kJ1?b*Ck2`Pf?c^u#wq9}>oo*g%8^ZWo7?lqs?V&@YiR@8asUP&W3uiqob&4`&edSM9K%EF9hp4 z!XYidd>c~Sd_Di_$n@ze*?`_C+BQAvg2^24ndy&!fI7oB zgScQ~7O`ex4)L;yE%=4>n3zZXOD48MGrUjVX3mBh2aXt+K|E(-7V&-)bBNzGu?4&k zH8GF+qb9aP8g8DNsg|qN3Y>x&sNz+t;;%AZT3k9+tweje6c~pR?tKXjZ~)io!B<4t zan_E?qouj!h2kPQEn%R`umD9^+|e>$t<<7(rAleBSS!s&r_V))W~w6?TNmVY-!=3; ihs#v-h>B3dein7pa1Qy9zJU>A0~jMFaC=Jri~j~U8dE+1 literal 0 HcmV?d00001 diff --git a/font/selection.json b/font/selection.json new file mode 100644 index 0000000..ede5c7f --- /dev/null +++ b/font/selection.json @@ -0,0 +1 @@ +{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"],"attrs":[{}],"width":951,"isMulticolor":false,"isMulticolor2":false,"tags":["twitter"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":5,"prevSize":28,"code":59652,"name":"twitter"},"setIdx":0,"setId":0,"iconIdx":0},{"icon":{"paths":["M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["telegram"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":4,"prevSize":28,"code":59648,"name":"telegram"},"setIdx":0,"setId":0,"iconIdx":1},{"icon":{"paths":["M1024 373.714v558.857c0 50.286-41.143 91.429-91.429 91.429h-841.143c-50.286 0-91.429-41.143-91.429-91.429v-558.857c0-5.143 2.286-10.286 6.286-13.714 60-52.571 60.571-58.857 358.857-276.571 36-26.286 99.429-83.429 146.857-83.429s111.429 57.714 146.857 83.429c298.286 217.714 298.857 224 358.857 276.571 4 3.429 6.286 8.571 6.286 13.714zM701.714 708c89.143-64.571 151.429-109.714 197.143-144 8-5.714 9.714-17.143 3.429-25.143l-21.714-29.714c-6.286-8-17.714-9.714-25.714-3.429-45.143 33.143-106.857 78.857-196 142.857-35.429 25.714-99.429 82.857-146.857 82.857s-111.429-57.143-146.857-82.857c-89.143-64.571-150.857-109.714-196-142.857-8-6.286-19.429-4.571-25.714 3.429l-21.714 29.714c-6.286 8-4.571 19.429 3.429 25.143 45.714 34.286 108 79.429 197.143 144 44.571 32 114.857 96.571 189.714 96.571 75.429 0 147.429-65.714 189.714-96.571z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["envelope-open"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":3,"name":"envelope-open","prevSize":28,"code":59649},"setIdx":0,"setId":0,"iconIdx":2},{"icon":{"paths":["M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z"],"attrs":[{}],"width":878,"isMulticolor":false,"isMulticolor2":false,"tags":["linkedin-square"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":1,"name":"linkedin-square","prevSize":28,"code":59650},"setIdx":0,"setId":0,"iconIdx":4},{"icon":{"paths":["M365.714 694.857c0 41.714-21.714 109.714-73.143 109.714s-73.143-68-73.143-109.714 21.714-109.714 73.143-109.714 73.143 68 73.143 109.714zM731.429 694.857c0 41.714-21.714 109.714-73.143 109.714s-73.143-68-73.143-109.714 21.714-109.714 73.143-109.714 73.143 68 73.143 109.714zM822.857 694.857c0-87.429-53.143-164.571-146.286-164.571-37.714 0-73.714 6.857-111.429 12-29.714 4.571-59.429 6.286-89.714 6.286s-60-1.714-89.714-6.286c-37.143-5.143-73.714-12-111.429-12-93.143 0-146.286 77.143-146.286 164.571 0 174.857 160 201.714 299.429 201.714h96c139.429 0 299.429-26.857 299.429-201.714zM950.857 594.286c0 63.429-6.286 130.857-34.857 189.143-75.429 152.571-282.857 167.429-431.429 167.429-150.857 0-370.857-13.143-449.143-167.429-29.143-57.714-35.429-125.714-35.429-189.143 0-83.429 22.857-162.286 77.714-226.286-10.286-31.429-15.429-64.571-15.429-97.143 0-42.857 9.714-85.714 29.143-124.571 90.286 0 148 39.429 216.571 93.143 57.714-13.714 117.143-20 176.571-20 53.714 0 108 5.714 160 18.286 68-53.143 125.714-91.429 214.857-91.429 19.429 38.857 29.143 81.714 29.143 124.571 0 32.571-5.143 65.143-15.429 96 54.857 64.571 77.714 144 77.714 227.429z"],"attrs":[{}],"width":951,"isMulticolor":false,"isMulticolor2":false,"tags":["github-alt"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":0,"prevSize":28,"code":59651,"name":"github-alt"},"setIdx":0,"setId":0,"iconIdx":5}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"autoHost":true},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16,"quickUsageToken":{"anthony-dumasfr":"MzczMjMxZjliNzUxN2ZjNzJlZWE5Y2E3YWFiYWFjY2EjMSMxNTUyNjA0NDU4IyMj"}}} \ No newline at end of file diff --git a/font/style.css b/font/style.css new file mode 100644 index 0000000..de71604 --- /dev/null +++ b/font/style.css @@ -0,0 +1,41 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?t31vfk'); + src: url('fonts/icomoon.eot?t31vfk#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?t31vfk') format('truetype'), + url('fonts/icomoon.woff?t31vfk') format('woff'), + url('fonts/icomoon.svg?t31vfk#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-twitter:before { + content: "\e904"; +} +.icon-telegram:before { + content: "\e900"; +} +.icon-envelope-open:before { + content: "\e901"; +} +.icon-linkedin-square:before { + content: "\e902"; +} +.icon-github-alt:before { + content: "\e903"; +} diff --git a/index.html b/index.html index c8674fb..3921f35 100644 --- a/index.html +++ b/index.html @@ -8,8 +8,6 @@ Anthony Dumas - Portfolio - @@ -44,13 +42,13 @@

- + GitHub - + LinkedIn @@ -148,8 +146,36 @@ Contact

- Pleins de façons de me contacter ! + Vous pouvez me contacter de nombreuses façons !

+
+
+
+ + + + + Email + +
+
+ + + + + LinkedIn + +
+
+ + + + + Telegram + +
+
+