/*
* * 大家好,我是小明。
* 我来写一份情书!
*/

/* 首先给所有元素加上过渡效果 */
* {
  transition: all .3s;
}
/* 白色背景太单调了,我们来点色彩 */
html {
  color: rgb(222,222,222); background: rgb(0,43,54);
}
/* 文字离边框太近了 */
.styleEditor {
  padding: .5em;
  border: 1px solid;
  margin: .5em;
  overflow: auto;
  width: 45vw; height: 90vh;
}
/* 代码高亮 */
.token.selector{ color: rgb(133,153,0); }
.token.property{ color: rgb(187,137,0); }
.token.punctuation{ color: yellow; }
.token.function{ color: rgb(42,161,152); }

/* 加点 3D 效果呗 */
html{
  perspective: 1000px;
}
.styleEditor {
  position: fixed; left: 0; top: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: rotateY(10deg) translateZ(-100px) ;
          transform: rotateY(10deg) translateZ(-100px) ;
}

/* 接下来我给自己准备一个编辑器 */
.resumeEditor{
  position: fixed; right: 0; top: 0;
  padding: .5em;  margin: .5em;
  width: 48vw; height: 90vh;
  border: 1px solid;
  background: white; color: #222;
  overflow: auto;
}
/* 好了,我开始写情书了 */



/* 这封情书好像差点什么
 * 对了,这是 Markdown 格式的,我需要变成对 小奈 更友好的格式
 * 简单,用开源工具翻译成 HTML 就行了
 */

/* 再对 HTML 加点样式 */
.resumeEditor{
  padding: 2em;
}
.resumeEditor h2{
  display: inline-block;
  border-bottom: 1px solid;
  margin: 1em 0 .5em;
}
.resumeEditor ul,.resumeEditor ol{
  list-style: none;
}
.resumeEditor ul> li::before{
  content: '•';
  margin-right: .5em;
}
.resumeEditor ol {
  counter-reset: section;
}
.resumeEditor ol li::before {
  counter-increment: section;
  content: counters(section, ".") " ";
  margin-right: .5em;
}
.resumeEditor blockquote {
  margin: 1em;
  padding: .5em;
  background: #ddd;
}

我是帅气的小明

坐标:深圳南山,没有房,没有车,但是我骚啊。

资深工程师,现任李大仁公司主力后端。

技能

吃饭

  • 我大学在黑龙江xx学校心理学专业
  • 毕业后在北京五道口切过菜

那时候很迷茫

  • 有一天看到了犀牛书,瞬间很有兴趣
  • 入门了前端,原来技术如此有趣
  • 所以我就南下深圳,然后我遇到了你,你是那么好
  • 那么温柔、美女、像一个风一样的女子
  • 我是沙子,随你飞扬
  • 犹如万家灯火照亮了我的心
  • 让我这个深圳漂泊的孩子有了一丝丝甜蜜
  • 总会不经意想起你

    • 当我女朋友吧