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(`${(dirent.name).replace(/.(svg|jpg|png)$/, '')}`); + data.push(`${(dirent.name).replace(/.(svg|jpg|png)$/, '')}${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 @@ - 111tianxunyinxiangstackblitzguazikuaidi100woshipmmailqqmoonbasajiqizhixincctvsccnnhuabanvmallv2exhexunfliggyautohomedamaitvsohubookingftchinesepingwestjumeibookingftchineseitsiweifengbilibiligmaildoubanfmjinlianchumafengwogitlabweiboxueqiuhuxiuhuxiudianpingctripgithubacfun500pxmtimeteambitionguqqgracglvmamawdclcgankeastmoneyeastmoneyjindongiheimamozillabeibeinpmytogiteegeekparkleycombinatorboxuiycombinatorpedailylegiteecode4appvcbeatyixijindongtopysnpmmozillarenrendaiprocessonacfun500pxmtimeteambitiongithubyqqtech2ipoqingtingdockertencent1905dianpingctripweibotommafengwonoteyoudaogeekbanggitlabgmailpandafengbilibilitmalljikexueyuanjumeitvsohumacupdatetripadvisorfliggyv2exhexunautohomedamaimgtvhuabansccnnduomipptvmoonbasayixieshicctvcaniusemacxyinxiang111ifanrguokrsegmentfaultifanrshijuesogoubehance36krxiaozhuanlanelemecodingnews.dbanotesyinyuetaipc6taobaobingtoutiaov.qqmimopcitschinauioschinabaiduuzaixiazaibamusic163officejuejintuniufacebookengadgetamazonjrjyemacaijingtechwebpinterestcnbetadocsgooglezhihusoslackgooglegitterw3cschoolworldvectorlogorenrenstackoverflowandroidweeklytechcrunchsf-expressikexuetwittermangocitydili360tianyaiconfontuimeituaniqiyilinkedindangdangvicecnblogsuisdcplus.googlegomecodepenbaofengdoubandribbblekankanlankejiyoukuleiphoneinfoqyoutubecsdnt.qqairbnbchinajsfiddlegeekviewzcoolvipvipgeekviewzcoolmogujiecsdncyzonequnardoubanyoutubeyppptinfoqgomewaimaibaiduuisdcplus.googleyoukucodependribbblejianshuvicecnblogsdangdangelongviceuilinkediniqiyitianyaqyericonfontsf-expressstackoverflowtwittergitterpsdddrenrenxdownsw3cschoolgoogledocsgooglepinterestsoslackzhihucnbetacexinjuejinofficefutu5runjsamazonengadgetfacebookxiamibaidumusic163suningoschinachinauiximalayaMacApplevqqylzblcncnmitqqdouyutaobaotoutiaobinghexindaiyinyuetaixiaozhuanlandeveloperApple36krcodingofficeplusbehancesogouelemeitjuzivilladayvvvdjshijuesegmentfaultguokr + 111111.svgtianxuntianxun.jpgyinxiangyinxiang.pngmediummedium.svgstackblitzstackblitz.svgguaziguazi.jpgkuaidi100kuaidi100.jpgwoshipmwoshipm.jpgmailqqmailqq.pngmoonbasamoonbasa.svgjiqizhixinjiqizhixin.jpgcctvcctv.svgsccnnsccnn.jpghuabanhuaban.pnggoogle_drivegoogle_drive.svgvmallvmall.jpgv2exv2ex.svghexunhexun.pngfliggyfliggy.svgautohomeautohome.svgdamaidamai.svgtvsohutvsohu.svgbookingbooking.jpgftchineseftchinese.jpgpingwestpingwest.jpgjumeijumei.svgbookingbooking.pngftchineseftchinese.pngitsiweiitsiwei.jpgairbnbairbnb.svgfengfeng.svgbilibilibilibili.svggmailgmail.svgdoubanfmdoubanfm.pngjinlianchujinlianchu.jpgmafengwomafengwo.pnggitlabgitlab.svgweiboweibo.svgxueqiuxueqiu.pnghuxiuhuxiu.jpghuxiuhuxiu.pngdianpingdianping.pngctripctrip.pnggithubgithub.svgacfunacfun.png500px500px.svgmtimemtime.jpgteambitionteambition.svgguqqguqq.pnggracggracg.jpglvmamalvmama.jpgwdclcwdclc.jpggankgank.jpgeastmoneyeastmoney.jpgeastmoneyeastmoney.pngjindongjindong.pngiheimaiheima.jpgmozillamozilla.pngbeibeibeibei.jpgnpmnpm.svgytoyto.jpggiteegitee.jpggeekparkgeekpark.pnglele.jpgycombinatorycombinator.svgboxuiboxui.jpgycombinatorycombinator.jpgpedailypedaily.jpglele.svggiteegitee.svgcode4appcode4app.jpgvcbeatvcbeat.jpgyixiyixi.pngjindongjindong.svgtopystopys.pngnpmnpm.pngmozillamozilla.svginstagraminstagram.svgrenrendairenrendai.jpgprocessonprocesson.pngacfunacfun.svg500px500px.pngmtimemtime.svgteambitionteambition.jpggithubgithub.pngpocketpocket.svgyqqyqq.pngtech2ipotech2ipo.jpgqingtingqingting.pngdockerdocker.svgtencenttencent.pngbloggerblogger.svg19051905.jpgdianpingdianping.svgctripctrip.svgweiboweibo.jpgtomtom.jpgmafengwomafengwo.svgnoteyoudaonoteyoudao.jpggeekbanggeekbang.svggitlabgitlab.jpggmailgmail.jpgpandapanda.jpgbitcoinbitcoin.svgfengfeng.pngbilibilibilibili.pngtmalltmall.jpgjikexueyuanjikexueyuan.jpgjumeijumei.jpgtvsohutvsohu.jpgmacupdatemacupdate.jpgtripadvisortripadvisor.pngfliggyfliggy.jpgv2exv2ex.pnghexunhexun.svgautohomeautohome.jpgdamaidamai.jpgmgtvmgtv.jpghuabanhuaban.svgsccnnsccnn.svgduomiduomi.jpgpptvpptv.jpgmoonbasamoonbasa.jpgyixieshiyixieshi.jpgcctvcctv.jpgcaniusecaniuse.pngmacxmacx.pnggiteagitea.svgyinxiangyinxiang.svg111111.pngifanrifanr.pngguokrguokr.jpgsegmentfaultsegmentfault.svgifanrifanr.jpgshijueshijue.jpgsogousogou.svgbehancebehance.png36kr36kr.svgxiaozhuanlanxiaozhuanlan.jpgelemeeleme.svgcodingcoding.svgnews.dbanotesnews.dbanotes.jpgyinyuetaiyinyuetai.jpgpc6pc6.jpgtaobaotaobao.pngbingbing.svgtoutiaotoutiao.jpgv.qqv.qq.svgmimi.svgmopmop.jpgcitscits.jpgchinauichinaui.jpgoschinaoschina.svgbaidubaidu.pnguzaiuzai.jpgxiazaibaxiazaiba.jpgmusic163music163.pngofficeoffice.pngjuejinjuejin.pngtuniutuniu.jpgfacebookfacebook.svgengadgetengadget.jpgamazonamazon.svgjrjjrj.jpgyemacaijingyemacaijing.jpgtechwebtechweb.jpgpinterestpinterest.svgcnbetacnbeta.pngdocsgoogledocsgoogle.svgzhihuzhihu.pngsoso.jpgslackslack.pnggooglegoogle.svggittergitter.pngw3cschoolw3cschool.svgworldvectorlogoworldvectorlogo.svgrenrenrenren.jpgstackoverflowstackoverflow.svgandroidweeklyandroidweekly.jpgtechcrunchtechcrunch.jpgsf-expresssf-express.jpgikexueikexue.jpgtwittertwitter.jpgmangocitymangocity.jpgdili360dili360.jpgtianyatianya.jpgiconfonticonfont.jpguiui.svgmeituanmeituan.jpgiqiyiiqiyi.svglinkedinlinkedin.jpgdangdangdangdang.svgvicevice.svgcnblogscnblogs.svguisdcuisdc.svgplus.googleplus.google.jpggomegome.svgcodepencodepen.jpgbaofengbaofeng.jpgdoubandouban.svgdribbbledribbble.pngkankankankan.jpglankejilankeji.jpgyoukuyouku.pngleiphoneleiphone.pnginfoqinfoq.jpgyoutubeyoutube.svgcsdncsdn.pngt.qqt.qq.svgairbnbchinaairbnbchina.pngjsfiddlejsfiddle.svggeekviewgeekview.jpgzcoolzcool.svgvipvip.svgvipvip.jpggeekviewgeekview.svgzcoolzcool.pngmogujiemogujie.jpgcsdncsdn.svgcyzonecyzone.jpgqunarqunar.pngdoubandouban.pngyoutubeyoutube.jpgopensourceopensource.svgyppptypppt.jpginfoqinfoq.svggomegome.jpgwaimaibaiduwaimaibaidu.pnguisdcuisdc.jpgplus.googleplus.google.svgyoukuyouku.svgcodepencodepen.svgdribbbledribbble.svgjianshujianshu.pngvicevice.pngcnblogscnblogs.jpgdangdangdangdang.pngelongelong.jpgvicevice.jpguiui.pnglinkedinlinkedin.svgiqiyiiqiyi.pngtianyatianya.svgqyerqyer.pngiconfonticonfont.svgsf-expresssf-express.svgstackoverflowstackoverflow.pngtwittertwitter.svggittergitter.svgpsdddpsddd.jpgrenrenrenren.svgxdownsxdowns.jpgw3cschoolw3cschool.jpggooglegoogle.jpgdocsgoogledocsgoogle.jpgpinterestpinterest.pngsoso.svgslackslack.svgzhihuzhihu.svgcnbetacnbeta.svgcece.jpgxinxin.jpgjuejinjuejin.svgofficeoffice.svgfutu5futu5.pngrunjsrunjs.jpgamazonamazon.pngengadgetengadget.svgfacebookfacebook.jpgxiamixiami.pngbaidubaidu.svgmusic163music163.svgsuningsuning.jpgoschinaoschina.jpgchinauichinaui.svgximalayaximalaya.jpgMacAppleMacApple.svgvqqvqq.pngylzblylzbl.jpgcncncncn.jpgmimi.jpgtqqtqq.jpgdouyudouyu.jpgtaobaotaobao.svgtoutiaotoutiao.svgbingbing.jpghexindaihexindai.jpgyinyuetaiyinyuetai.svgxiaozhuanlanxiaozhuanlan.svgdeveloperAppledeveloperApple.png36kr36kr.pngcodingcoding.jpgofficeplusofficeplus.pngbehancebehance.svgsogousogou.jpgelemeeleme.pngitjuziitjuzi.jpgvilladayvilladay.jpgvvvdjvvvdj.jpgshijueshijue.svgsegmentfaultsegmentfault.pngguokrguokr.svg \ No newline at end of file diff --git a/img/instagram.svg b/img/instagram.svg new file mode 100644 index 0000000..2a6c11f --- /dev/null +++ b/img/instagram.svg @@ -0,0 +1,9 @@ + diff --git a/img/medium.svg b/img/medium.svg new file mode 100644 index 0000000..639af72 --- /dev/null +++ b/img/medium.svg @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/img/opensource.svg b/img/opensource.svg new file mode 100644 index 0000000..8acc32d --- /dev/null +++ b/img/opensource.svg @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/img/pocket.svg b/img/pocket.svg new file mode 100644 index 0000000..5dcefd2 --- /dev/null +++ b/img/pocket.svg @@ -0,0 +1,6 @@ + \ No newline at end of file