From b3ba691841fd27ae11104d3846b5bf49df5a3d8d Mon Sep 17 00:00:00 2001 From: Simon Malesys <simon.malesys@pasteur.fr> Date: Wed, 23 Apr 2025 14:21:33 +0200 Subject: [PATCH] Add icons to some infos --- src/client/components/TheHomePage.vue | 9 +++++++++ src/client/globals.css | 4 ++++ src/client/public/icon-font.woff | Bin 4328 -> 4896 bytes 3 files changed, 13 insertions(+) diff --git a/src/client/components/TheHomePage.vue b/src/client/components/TheHomePage.vue index 82ea15df..c3ececc7 100644 --- a/src/client/components/TheHomePage.vue +++ b/src/client/components/TheHomePage.vue @@ -97,6 +97,7 @@ <div class="meta-infos"> <div class="article-doi"> + <i class="icon-file"></i> Article: <a href="https://doi.org/10.1093/nargab/lqae171" target="_blank"> 10.1093/nargab/lqae171 @@ -104,6 +105,7 @@ </div> <div class="version-date"> + <i class="icon-database"></i> Database last update: <time :datetime="versionDate"> {{ versionDate }} @@ -165,6 +167,13 @@ p { gap: var(--spacing); } +.article-doi, +.version-date { + display: flex; + flex-flow: row nowrap; + gap: 6px; +} + .version-date time { font-weight: bold; } diff --git a/src/client/globals.css b/src/client/globals.css index 206e5e56..87b04f5a 100644 --- a/src/client/globals.css +++ b/src/client/globals.css @@ -37,6 +37,10 @@ content: "\e964"; } +.icon-file:before { + content: "\e926"; +} + .icon-mouse:before { content: "\e903"; } diff --git a/src/client/public/icon-font.woff b/src/client/public/icon-font.woff index 2ab1974f2001475af6bc852f3ba9474049b71f5f..8722a21a0c111f68c86d7b7f437195ceaaaa0758 100644 GIT binary patch delta 955 zcmaJ=T}TvB6h3!mclOVj-PzgQahGM=@n^S1bah8JvL2$qC{P0nB81#rbpuxgjW&AN zkn$zzhY?W&*$92=A<&129@IyvkR*~M5bR+W3F@Jz)al%DUwWvS`OdlLyWc%?&zZSJ zr4aGl?rduV0(ePbsG#1xp{)w?)4Ga$0i(i~TVKz1cEu9_<SoWM6i&D8dv7*10>A_@ zUZ&XG`?Ncd8l~I@#?~@i1A}+^k=p{`?^ApTJzUT9rP2VdZqy_x>h8LW86=UL!nlUQ zvUZK#&Sb}ONWMlQLs2scFgV<cLNSc7vDkmvJDyGD@WtX)<R~A8S|&7<%Jw0L>&XPg z>_yw}k>SxXtQ0gCxsa~_7JSeQ-B>>hHgJF+7~rrAmFTT#tzZEsf_ee$#;hA;Fr$XY zn8UHXJT{@y4lcB2%x5xk_<?2T$rEINnPuML&K@6mvIna6lC(1HidH1i{0vT2;kHfq z3WB~K61cG&&<{6Z5XK-^GL^Veq|~P$=sId?iAS0gqz%m|YQWH>4GqzE_0RgI{!w4l z7xWkUbN!h<Ba5=j_tUqG<q{)H*=X+thqfVD5hg9mtZI*#$)yI?V$X8``U;CT_C|q| za2~EeFLtwmM2)9fsp7n%$EPZZWQ*7wiAF<2u5Jkt$;07X1i7TzsJ0R{(d6~`P7#)p z$SDb**TY5s6S31`ecm5X<!H=t=u+Zwh1pT!LhylH%g>3i37h30Y_Zua?HzC0J0yOm zaCnB7B%Z8L`;RfREvo^4y%-eY%6`GfIpT;#lX6U)<7@YeG#}ezvF-5EAxJ!5iK%$$ z9yNarU`gd;B)C3*sq4D)^e=Fjj81-Q7@)r-P_N~L6C|L$5{{QUOS^m2;VmJk{Sb~d wrC|tiFb<P24Fy;yjqH@U#yoCb<PzL#ZVeOBuN1&DW~W(!!GkF+opUabKmOFrYXATM delta 494 zcmXYuO(;ZB6vxkfAM+{iqhXXGN`@%1K%uOJ1^HN6Fpn8#F~iinGD@+Kl?85!o!DB? zY%DCWkc|aaBq=3hWup{&{`c|fchCL*&w2Np``&KtYjtRTu&0L@;n82I$c@|lNGjWC z3@+J__MQE(KRD9VLd4dgV*<_eR8OU?47_*fMZs;u+s%xXg(sz;egEh)sfB5HI4k%h zX!je3$%GXrDjr2mtDye$qBIE;-Wqg`z<WL>-zL*`4(1_@UO^Sosktdp_z7JrFiq_w zZROBdtAhTcLaLm#(g}Fo7;;sx)9?Sv%w;i%e#v##*AXCzOlrpMCGwEru0^CHs#txb zkRPbPM_yDZZq6WC-sGojSR&#fDcTo9(-2ZJ3K-f?QiAM)Qt%WK&X40DD~7TtPT2y% zjk_*$o}GPX&)EtG!v4|&yv^|0OZc^PmakO2fqa)1Ws%Uxy)&V8eo#<x&v_o|z7iV| o`Lf=|On$7_@ozoCBSv|6h2G==<x%ZaW9o}4ehmX=e%v@`zm*Md0ssI2 -- GitLab