跳转至

游园会的集章卡片

题目

SOURCE: https://hack2018.lug.ustc.edu.cn/#card

提示:flag 仅由 0154agflPYHMGRCNE_{} 这些字符组成。

我们经常被问一个问题:你们是从什么时候开始为 Hackergame 出题的?

其实我们全年都在出题,命题组成员来自各种各样的专业,在各种各样的地方,有各种各样不同的工作,闲暇之余(或者工作不饱和的时候,这个最好删掉)我们最大的乐趣就是互相出题给对方玩。

为了找到有趣的题目,我们需要源源不断的灵感,不管是在巴蜀人家二楼包厢 LUD(注 1) 时,还是在北京食宝街的分米鸡,甚至是在武汉开往合肥的 D2256 列车上,我们会把讨论到的有趣的想法记录下来,作为下一次 Hackergame 的题目。

比如前几天,中国科学技术大学学生 Linux 用户协会在中区游园会摆摊招新(注 2),发现学校居然为每个参加游园会的同学准备了一张精美的集章卡片:

CARD

到每个社团的摊位上收集盖章,到达一定数量就有礼品赠送。

突然一位同学灵机一动,不如写上 flag 然后撕碎!

附件就是撕碎的 flag,相信对中国科学技术大学校徽了如指掌的你很快就能将它还原。

解决方案

这个...可以有无数种方法把图片拼好。我的选择是HTML,由于IDEA可以提示文件名,所以这样做相当快。

1112131415
2122232425
3132333435
4142434445
5152535455

其实上面这个图就是拼起来的,不信你可以按下F12审查一下这个图是不是25个img元素。不过...你可能会发现,自己写的HTML里img元素并不是紧密排列的,或者你发现下面的代码里img元素之间总是有一个奇怪的注释。由于inline-block间会有间距,为什么会有和怎么去除的问题,你可以在网上找到非常多的相关资料,去除它的一个比较粗暴的办法是去掉img元素之间的回车和空格等空白字符,为了不让一行看上去太可怕于是我把它们分开了,然后中间打上注释就好了,你可以在下面看到。至于行间的空白,这里图片都是125px的高度,于是直接对div元素设置高度125px就可以啦。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>card</title>
  <style>
    div {
      height: 125px;
    }
  </style>
</head>
<body>
<div>
  <img src="fragments/o71CmLXGTOMwC.png" alt="11"><!--
  --><img src="fragments/bQ94Fx1mjP79C.png" alt="12"><!--
  --><img src="fragments/gAf5weYdrA6UT.png" alt="13"><!--
  --><img src="fragments/F6Hv0FJzoeScU.png" alt="14"><!--
  --><img src="fragments/iBW71GAIUZWtN.png" alt="15">
</div>
<div>
  <img src="fragments/v2zMgTUijziLb.png" alt="21"><!--
  --><img src="fragments/IGFavhnGQCxcN.png" alt="22"><!--
  --><img src="fragments/qKqe06UDsBolc.png" alt="23"><!--
  --><img src="fragments/FbyDcnN2nY7FV.png" alt="24"><!--
  --><img src="fragments/06qjXv4T4ebcp.png" alt="25">
</div>
<div>
  <img src="fragments/ZFaDt5hcIq5PL.png" alt="31"><!--
  --><img src="fragments/WAzaH5Tph7dsg.png" alt="32"><!--
  --><img src="fragments/D9gPE3nJvpEXF.png" alt="33"><!--
  --><img src="fragments/DZ1ujfw3qFAbk.png" alt="34"><!--
  --><img src="fragments/tHclhSFyyORg4.png" alt="35">
</div>
<div>
  <img src="fragments/VfwN00osf0wTa.png" alt="41"><!--
  --><img src="fragments/ZZWbAdGNDspdr.png" alt="42"><!--
  --><img src="fragments/T0Kang6OWFdYC.png" alt="43"><!--
  --><img src="fragments/Gd8zpdNfjxJZK.png" alt="44"><!--
  --><img src="fragments/uPgc8rK5RlZ2s.png" alt="45">
</div>
<div>
  <img src="fragments/sOaGS0J08Mg0f.png" alt="51"><!--
  --><img src="fragments/tU2Plsy7JetUr.png" alt="52"><!--
  --><img src="fragments/9ooh29IcoQ4CC.png" alt="53"><!--
  --><img src="fragments/d5NNCCjyDVU8X.png" alt="54"><!--
  --><img src="fragments/pHO62EQBMSyeQ.png" alt="55">
</div>
</body>
</html>

评论