diff --git a/create.js b/create.js index 719efa8..7152b0a 100644 --- a/create.js +++ b/create.js @@ -9,7 +9,7 @@ const imgPath = path.join(__dirname, 'img'); for await (const dirent of dir) { const extname = path.extname(dirent.name || ''); if (/(svg|jpg|png)/.test(extname)) { - data.push(``); + data.push(`${dirent.name}`); } } @@ -34,7 +34,7 @@ const imgPath = path.join(__dirname, 'img'); margin: 5px 5px; padding: 5px; } - span::before, span::after { + span::before, span i { text-align: left; display: block; font-size: 12px; @@ -46,9 +46,10 @@ const imgPath = path.join(__dirname, 'img'); content: attr(data-ext); margin-bottom: 5px; } - span::after { + span i { content: attr(data-name); margin-top: 5px; + font-style: initial; } span.svg { border: 1px solid var(--svg-color); } span.svg::before { diff --git a/img/airbnb.svg b/img/airbnb.svg new file mode 100644 index 0000000..ac86e6d --- /dev/null +++ b/img/airbnb.svg @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/img/bitcoin.svg b/img/bitcoin.svg new file mode 100644 index 0000000..8ea2910 --- /dev/null +++ b/img/bitcoin.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/img/blogger.svg b/img/blogger.svg new file mode 100644 index 0000000..b435700 --- /dev/null +++ b/img/blogger.svg @@ -0,0 +1,9 @@ + diff --git a/img/gitea.svg b/img/gitea.svg new file mode 100644 index 0000000..1bf636a --- /dev/null +++ b/img/gitea.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/img/google_drive.svg b/img/google_drive.svg new file mode 100644 index 0000000..77b26de --- /dev/null +++ b/img/google_drive.svg @@ -0,0 +1,8 @@ + diff --git a/img/index.html b/img/index.html index dacf177..fb33a1c 100644 --- a/img/index.html +++ b/img/index.html @@ -19,7 +19,7 @@ margin: 5px 5px; padding: 5px; } - span::before, span::after { + span::before, span i { text-align: left; display: block; font-size: 12px; @@ -31,9 +31,10 @@ content: attr(data-ext); margin-bottom: 5px; } - span::after { + span i { content: attr(data-name); margin-top: 5px; + font-style: initial; } span.svg { border: 1px solid var(--svg-color); } span.svg::before { @@ -50,7 +51,7 @@
- + 111.svgtianxun.jpgyinxiang.pngmedium.svgstackblitz.svgguazi.jpgkuaidi100.jpgwoshipm.jpgmailqq.pngmoonbasa.svgjiqizhixin.jpgcctv.svgsccnn.jpghuaban.pnggoogle_drive.svgvmall.jpgv2ex.svghexun.pngfliggy.svgautohome.svgdamai.svgtvsohu.svgbooking.jpgftchinese.jpgpingwest.jpgjumei.svgbooking.pngftchinese.pngitsiwei.jpgairbnb.svgfeng.svgbilibili.svggmail.svgdoubanfm.pngjinlianchu.jpgmafengwo.pnggitlab.svgweibo.svgxueqiu.pnghuxiu.jpghuxiu.pngdianping.pngctrip.pnggithub.svgacfun.png500px.svgmtime.jpgteambition.svgguqq.pnggracg.jpglvmama.jpgwdclc.jpggank.jpgeastmoney.jpgeastmoney.pngjindong.pngiheima.jpgmozilla.pngbeibei.jpgnpm.svgyto.jpggitee.jpggeekpark.pngle.jpgycombinator.svgboxui.jpgycombinator.jpgpedaily.jpgle.svggitee.svgcode4app.jpgvcbeat.jpgyixi.pngjindong.svgtopys.pngnpm.pngmozilla.svginstagram.svgrenrendai.jpgprocesson.pngacfun.svg500px.pngmtime.svgteambition.jpggithub.pngpocket.svgyqq.pngtech2ipo.jpgqingting.pngdocker.svgtencent.pngblogger.svg1905.jpgdianping.svgctrip.svgweibo.jpgtom.jpgmafengwo.svgnoteyoudao.jpggeekbang.svggitlab.jpggmail.jpgpanda.jpgbitcoin.svgfeng.pngbilibili.pngtmall.jpgjikexueyuan.jpgjumei.jpgtvsohu.jpgmacupdate.jpgtripadvisor.pngfliggy.jpgv2ex.pnghexun.svgautohome.jpgdamai.jpgmgtv.jpghuaban.svgsccnn.svgduomi.jpgpptv.jpgmoonbasa.jpgyixieshi.jpgcctv.jpgcaniuse.pngmacx.pnggitea.svgyinxiang.svg111.pngifanr.pngguokr.jpgsegmentfault.svgifanr.jpgshijue.jpgsogou.svgbehance.png36kr.svgxiaozhuanlan.jpgeleme.svgcoding.svgnews.dbanotes.jpgyinyuetai.jpgpc6.jpgtaobao.pngbing.svgtoutiao.jpgv.qq.svgmi.svgmop.jpgcits.jpgchinaui.jpgoschina.svgbaidu.pnguzai.jpgxiazaiba.jpgmusic163.pngoffice.pngjuejin.pngtuniu.jpgfacebook.svgengadget.jpgamazon.svgjrj.jpgyemacaijing.jpgtechweb.jpgpinterest.svgcnbeta.pngdocsgoogle.svgzhihu.pngso.jpgslack.pnggoogle.svggitter.pngw3cschool.svgworldvectorlogo.svgrenren.jpgstackoverflow.svgandroidweekly.jpgtechcrunch.jpgsf-express.jpgikexue.jpgtwitter.jpgmangocity.jpgdili360.jpgtianya.jpgiconfont.jpgui.svgmeituan.jpgiqiyi.svglinkedin.jpgdangdang.svgvice.svgcnblogs.svguisdc.svgplus.google.jpggome.svgcodepen.jpgbaofeng.jpgdouban.svgdribbble.pngkankan.jpglankeji.jpgyouku.pngleiphone.pnginfoq.jpgyoutube.svgcsdn.pngt.qq.svgairbnbchina.pngjsfiddle.svggeekview.jpgzcool.svgvip.svgvip.jpggeekview.svgzcool.pngmogujie.jpgcsdn.svgcyzone.jpgqunar.pngdouban.pngyoutube.jpgopensource.svgypppt.jpginfoq.svggome.jpgwaimaibaidu.pnguisdc.jpgplus.google.svgyouku.svgcodepen.svgdribbble.svgjianshu.pngvice.pngcnblogs.jpgdangdang.pngelong.jpgvice.jpgui.pnglinkedin.svgiqiyi.pngtianya.svgqyer.pngiconfont.svgsf-express.svgstackoverflow.pngtwitter.svggitter.svgpsddd.jpgrenren.svgxdowns.jpgw3cschool.jpggoogle.jpgdocsgoogle.jpgpinterest.pngso.svgslack.svgzhihu.svgcnbeta.svgce.jpgxin.jpgjuejin.svgoffice.svgfutu5.pngrunjs.jpgamazon.pngengadget.svgfacebook.jpgxiami.pngbaidu.svgmusic163.svgsuning.jpgoschina.jpgchinaui.svgximalaya.jpgMacApple.svgvqq.pngylzbl.jpgcncn.jpgmi.jpgtqq.jpgdouyu.jpgtaobao.svgtoutiao.svgbing.jpghexindai.jpgyinyuetai.svgxiaozhuanlan.svgdeveloperApple.png36kr.pngcoding.jpgofficeplus.pngbehance.svgsogou.jpgeleme.pngitjuzi.jpgvilladay.jpgvvvdj.jpgshijue.svgsegmentfault.pngguokr.svg