做《夏色泡影After官网》这事儿，说白了就是闲得蛋疼找点儿乐子。原作老早就通关了，但每次想回顾点儿发现那些“After”的故事，官方给的资料乱七八糟，东一个图集西一个短篇，根本不成系统。我就琢磨，反正最近刚把老东家给辞了，那烂摊子我早就受够了，手头正好空着，不如自己建一个站，把所有东西都给它收罗整理一遍，也算是给自己一个交代。
动手开干，第一步就是“扒皮”。
- 我找来当年官方网站的留档，用它做个底子。我可不想从头开始画皮，太费劲。
- 先把老网站的HTML结构拉出来，CSS文件也扒下来看了看。好家伙，一看时间，那都是多久前的老古董代码了，好多地方都是硬写的，布局一团糟。
- 不过我懒得改，就想着先用这个老骨架，把内容往里塞。
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我撸起袖子就开始整理内容。这才是最花时间的活儿。我在硬盘里翻箱倒柜，把之前收集的各种CG图、小说的文字档、特典的录音，全都给它挖出来了。那个数量真叫人头皮发麻，光是分类就搞了我整整一个周末。
内容整理与排版搏斗
内容整理完了，就得往网站上填。我创建了几个核心板块：故事回忆、人物志、还有特典集。敲代码的时候简直是折磨。那些老旧的CSS样式，用来显示新的长篇文字和高清图片简直是灾难。稍微搞点儿自适应，它就开始各种错位。我当时心里骂了一百遍：当初写这玩意儿的人到底是怎么想的！
我硬着头皮，用最土的办法，给每一个图片都设置了固定的最大宽度，然后让文字流跟着走。虽然不是什么高科技，但至少在我的电脑上看起来工整了。期间还遇到一个巨烦的问题，有些老图片的分辨率太低，直接放上去惨不忍睹。没办法，只能自己动手修补了一下，稍微锐化了一下，看着没那么糊了。
是网站的“After”感。
既然叫“After官网”，那就得有点儿后续的氛围。我挑选了一个比较柔和的背景色，替换了原版网站那种夏天热烈的饱和度。设计了一个小小的导航栏动画，让它看起来比老网站稍微活泼一点，没那么死板。整个过程，前前后后折腾了大概两周。每天晚上吃完饭就坐到电脑前搞这个。白天辞职在家，也没啥事儿干，就权当是自我修炼了。
我搞这个，也跟我当初决定辞职有点关系。我原本在一家做手游的公司混日子，加班是常态，项目永远在返工。有一次，就因为后端的一个接口延迟了三毫秒，老板直接在群里点名骂了一通，说我们是废物。当时我就火了，直接回复：“这点延迟你让客户能感受到？用不着在这儿装大尾巴狼。”
后果嘛自然是被穿小鞋了。年终奖没了，活儿却越来越重。我忍了半年，实在受不了那帮装腔作势的人，直接一封邮件发过去：“老子不伺候了。” 辞职后，突然闲下来了，反而不知所措。以前天天骂老板，真辞了又有点空虚。所以才找了这么个老游戏站点的活儿来填补时间。没想到，这一通瞎折腾，反而把我的前端手艺给练得更扎实了。现在看着自己整理出来的这个清清爽爽的“夏色泡影After”，心里还挺舒坦的，比在那破公司受气强多了。