add free template

aiwenfeixiang · Jun 22, 2018 · 615f7e0 · 615f7e0
1 parent 7e6edb8
commit 615f7e0
Show file tree

Hide file tree

Showing 23 changed files with 108 additions and 53 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 *.DS_Store
+*.pdf
diff --git a/font-all.css b/font-all.css
diff --git a/convert.py → free/convert.py b/convert.py → free/convert.py
@@ -1,6 +1,6 @@
 import pdfkit
 options = {
-    'page-size': 'Letter',
+    'page-size': 'A4',
     'margin-top': '0.75in',
     'margin-right': '0.75in',
     'margin-bottom': '0.75in',

diff --git a/css/base.css → free/css/base.css b/css/base.css → free/css/base.css
@@ -1,41 +1,57 @@
 body {
-    font-size: 15px; 
-    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
+    font-size: 16px; 
+    /*font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; */
 }
 h3 {
     color: white;
 }
+
+#base-info {
+    display: inline-block;
+}
+
 #resume-framework {
     border: 2px solid gray;
     padding: 20px;
 }
+
+#name {
+    font-size: 32px;
+}
+
 #base-info-span {
-    font-size: 17px;
-    display: inline-block; 
+    font-size: 1.4rem;
+    overflow: hidden;
 }
+
 #base-info, #summary{
-    margin-bottom: 10px;
+    margin-bottom: 20px;
 }
+
 .banner-div {
-    background-image: url("../imgs/test.png"); 
+    background-image: url("../imgs/banner.png"); 
     background-repeat: no-repeat;
     height: 24px;
     display: block;
-    padding-top: 6px;
+    padding-top: 3px;
     padding-left: 6px;
+    margin-bottom: 10px;
 }
 .banner-span {
     color: white;
 }
 .white-icon {
     color: white !important;
 }
+
 #avatar {
     float: left;
-    width: 18%; 
-    margin-right: 15%;
-    margin-left: 4%;
+    width: 200px;
+    border-radius: 8px;
+    margin-right: 100px;
+    margin-left: 10px;
 }
+
 .fas, .fab {
     color: #16374e;
 }

diff --git a/css/fontawesome-all.min.css → free/css/fontawesome-all.min.css b/css/fontawesome-all.min.css → free/css/fontawesome-all.min.css
diff --git a/free_resume.html → free/free_resume.html b/free_resume.html → free/free_resume.html
@@ -6,99 +6,142 @@
     <link rel="stylesheet" href="css/base.css">
   </head>
   <body>
+    <!-- 
+        整个文档的Div容器
+    -->
     <div id="resume-framework">
+      <!-- 
+          base-info指基础信息，包括头像，姓名，邮箱，电话，链接等 
+      -->
       <div id="base-info">
+        <!-- 头像 -->
         <img id="avatar" alt="avatar" src="imgs/avatar.jpg"/>
-        <span id="base-info-span">
-          <h1 id="name">杨勇</h1>
+        <!-- 其他基础信息 -->
+        <div id="base-info-span">
+          <b id="name">杨勇</b>
           <hr>
           <span>
-            <h5><i class="fas fa-envelope"></i> contact@jobder.net | <i class="fas fa-phone"></i> 133-5555-6666 | 政治面貌：群众</h5>
-            <h5><i class="fab fa-github"></i> github.com/Windsooon | 求职意向: 爬虫工程师</h5>
-
+            <!-- 可以从font-awesome网站(https://fontawesome.com/icons)中搜索所需图标，
+            直接替换<i>标签class内内容即可 -->
+            <h5>
+                <i class="fas fa-envelope"></i> contact@jobder.net | 
+                <i class="fas fa-phone"></i> 133-5555-6666 | 政治面貌：群众</h5>
+            <h5>
+                <i class="fab fa-github"></i> github.com/Windsooon | 求职意向: 爬虫工程师</h5>
           </span>
-        </span>
+        </div> <!-- end base-info-span -->
       </div> <!-- end base-info -->
       <div style="clear: both;"></div>
+      <!-- 
+          个人简介部分 
+      -->
       <div id="summary">
         <div class="banner-div">
-          <span class="banner-span"><i class="white-icon fas fa-user"></i>&nbsp;个人简介</span>
-        </div>
+          <span class="banner-span">
+              <i class="white-icon fas fa-user"></i>&nbsp;个人简介
+          </span>
+        </div> <!-- end banner-div -->
+        <!-- 个人简介可替换部分 -->
         <p>两年Python爬虫系统开发经验，熟悉<b>Scrapy框架</b>，作为主力工程师参与设计与开发过多个项目，负责系统核心模块的开发，自动化测试与部署。<b>熟悉HTTP协议、TCP/IP协议，正则表达式，XPATH</b>的用法，了解<b>Redis，MySQL数据库</b>与Linux系统的常见机制与原理。有优秀的学习能力和团队沟通能力，经常与团队进行技术分享，能与团队共同成长。</p>
       </div> <!-- end summary -->
+      <!-- 
+          技能列表部分
+      -->
       <div id="skills">
         <div class="banner-div">
-          <span class="banner-span"><i class="white-icon fas fa-pencil-alt"></i>&nbsp;技能列表</span>
-        </div>
+          <span class="banner-span">
+            <i class="white-icon fas fa-pencil-alt"></i>&nbsp;技能列表
+          </span>
+        </div> <!-- end skills -->
+        <!-- 技能列表可替换部分 &nbsp;用来控制格式-->
         <ul>
-            <li><b>后端框架:</b> Scrapy, Flask &nbsp &nbsp
-                <b>前端框架:</b> Vue, React, jQuery</li>
-            <li><b>数据库:</b> Redis, MySQL &nbsp &nbsp
-                <b>工具:</b> Docker, Jenkins, Git</li>
-            <li><b>其他:</b> XPATH, AsyncIO  &nbsp &nbsp
-                <b>外语:</b> 大学英语四级，能流畅阅读英文文档</li>
+            <li>
+              <b>后端框架:</b> Scrapy, Flask &nbsp;&nbsp;
+              <b>前端框架:</b> Vue, React, jQuery
+            </li>
+            <li>
+              <b>数据库:</b> Redis, MySQL &nbsp;&nbsp;
+              <b>工具:</b> Docker, Jenkins, Git
+            </li>
+            <li>
+              <b>其他:</b> XPATH, AsyncIO  &nbsp;&nbsp;
+              <b>外语:</b> 大学英语四级，能流畅阅读英文文档
+            </li>
         </ul>
       </div> <!-- end skills -->
+      <!-- 
+          工作经历部分
+      -->
       <div id="jobs">
         <div class="banner-div">
-<span class="banner-span"><i class="white-icon fas fa-briefcase"></i>&nbsp;工作经历</span>
+          <span class="banner-span">
+            <i class="white-icon fas fa-briefcase"></i>&nbsp;工作经历
+          </span>
         </div>
-        <!-- first job -->
-        <h4>独角科技有限公司（旗下产品EngineGo, Thankyou-opensource）</h4>
+        <!-- 第一份工作的介绍 -->
+        <b>独角科技有限公司（旗下产品EngineGo, Thankyou-opensource）</b>
         <p>2014年6月-2016年6月 | 高级Python工程师</p>
         <ul>
           <li>作为组长负责设计和开发<b>分布式网络爬虫系统</b>，优化爬虫策略和防屏蔽规则，提升网页抓取的效率和质量。</li>
           <li>根据行业需求分析设计方案可行性，对项目代码进行测试优化，<b>协助持续集成与自动化部署</b>，提高系统可用性。</li>
           <li>负责公司技术文档的编写以及维护，定期review团队的代码，与团队共同学习以及成长。</li>
         </ul>
-        <!-- first project -->
+        <!-- 第一个项目的介绍，多个项目可以复制project-span区块-->
         <span class="project-span">
           <b>EngineGo爬虫系统</b>
           <ul>
             <li>与产品经理保持沟通，使用<b>Scrapy框架</b>对爬虫模块进行重构，提高<b>200%爬虫速度</b>并减少服务器<b>20%CPU</b>负载。改进爬虫策略，降低<b>40%</b>被屏蔽的请求数。</li>
             <li>作为主要工程师设计以及开发<b>物业模块，活动模块，实现报名，即时通知</b>等10个功能。</li>
             <li>使用<b>Docker</b>对项目进行拆分重新架构, 减少业务模块之间的资源耦合, 实现<b>持续集成与自动化部署</b>。</li>
           </ul> 
-        </span> <!-- end first project -->
-        <! -- end first job -->
-        <!-- second job -->
-        <h4>未来科技有限公司</h4>
+        </span> <!-- end project-span -->
+        <!-- 第一份工作结束 -->
+        <!-- 第二份工作开始 -->
+        <b>未来科技有限公司</b>
         <p>2012年6月-2014年6月 | Python工程师</p>
         <ul>
-          <li>作为组长负责设计和开发<b>分布式网络爬虫系统</b>，优化爬虫策略和防屏蔽规则，提升网页抓取的效率和质量。</li>
-          <li>根据行业需求分析设计方案可行性，对项目代码进行测试优化，<b>协助持续集成与自动化部署</b>，提高系统可用性。</li>
-          <li>负责公司技术文档的编写以及维护，定期review团队的代码，与团队共同学习以及成长。</li>
+          <li>使用Python爬虫帮助公司进行电商数据的<b>数据采集，文本分析与文本标注。</b>并将就分析结果与开发人员讨论产品方向。
+          <li>带领3人团队完成后端系统的难点分析与架构设计工作，承担核心功能代码编写，开发与维护系统核心模块。使用selenium等工具对产品进行多方面测试，保证代码的可靠，安全。</li>
         </ul>
-        <!-- first project -->
+        <!-- 第一个项目的介绍，多个项目可以复制project-span区块-->
         <span class="project-span">
           <b>内部后台管理系统</b>
           <ul>
-            <li>与产品经理保持沟通，使用<b>Scrapy框架</b>对爬虫模块进行重构，提高<b>200%爬虫速度</b>并减少服务器<b>20%CPU</b>负载。改进爬虫策略，降低<b>40%</b>被屏蔽的请求数。</li>
-            <li>作为主要工程师设计以及开发<b>物业模块，活动模块，实现报名，即时通知</b>等10个功能。</li>
-            <li>使用<b>Docker</b>对项目进行拆分重新架构, 减少业务模块之间的资源耦合, 实现<b>持续集成与自动化部署</b>。</li>
+            <li>基于
+              <b>Flask</b>实现RESTful风格的后台管理系统，使用<b>MySQL</b>作为存储数据，配置主从热备，使用<b>Celery</b>实现异步邮件推送。
+            </li>
+            <li>使用<b>Redis</b>存储定时任务和缓存结果，选择<b>RabbitMQ</b>做消息队列服务，开发，测试<b>登录注册，请假审批</b>等7个模块。
+            </li>
+            <li>采用<b>Python，Shell</b>等脚步语言公司多个办公项目的自动化，大幅提高公司内部项目效率。
+            </li>
           </ul> 
-        </span> <!-- end first project -->
-        <! -- end second job -->
+        </span>
+        <!-- 第二份工作结束 -->
       </div> <!-- end jobs -->
+      <!-- 
+          教育经历部分
+      -->
       <div id="education">
         <div class="banner-div">
           <span class="banner-span"><i class="white-icon fas fa-graduation-cap"></i>&nbsp;教育经历</span>
         </div>
-      <h4>广州大学 | 计算机科学 | 2013年- 2017年</h4>
+      <b>中山大学 | 计算机科学 | 2013年- 2017年</b>
       <ul>
           <li>操作系统(85分/专业排名18/100)，数据结构(90分/专业排名10/100)</li>
           <li>2015-2016学年获得美国大学生数学建模竞赛一等奖</li>
       <ul>
       </div> <!-- end education -->
+      <!-- 
+          志愿者工作部分
+      -->
       <div id="volunteer">
         <div class="banner-div">
           <span class="banner-span"><i class="white-icon fas fa-ribbon"></i>&nbsp;志愿工作</span>
         </div>
-      <ul>
+        <ul>
           <li>协助组织翻译Flask，Requests第一版本文档，翻译多篇技术文章。</li>
-          <li>暑假教导初中生从零开始学习Python，并设计并编写自己的游戏。</li>
           <li>Github上的开源项目Cherry获得200个Star。</li>
-      <ul>
+        <ul>
       </div> <!-- end education -->
     </div> <!-- end resume-framework -->
   </body>

diff --git a/imgs/avatar.jpg → free/imgs/avatar.jpg b/imgs/avatar.jpg → free/imgs/avatar.jpg
diff --git a/imgs/test.png → free/imgs/banner.png b/imgs/test.png → free/imgs/banner.png
diff --git a/webfonts/fa-brands-400.eot → free/webfonts/fa-brands-400.eot b/webfonts/fa-brands-400.eot → free/webfonts/fa-brands-400.eot
diff --git a/webfonts/fa-brands-400.svg → free/webfonts/fa-brands-400.svg b/webfonts/fa-brands-400.svg → free/webfonts/fa-brands-400.svg
diff --git a/webfonts/fa-brands-400.ttf → free/webfonts/fa-brands-400.ttf b/webfonts/fa-brands-400.ttf → free/webfonts/fa-brands-400.ttf
diff --git a/webfonts/fa-brands-400.woff → free/webfonts/fa-brands-400.woff b/webfonts/fa-brands-400.woff → free/webfonts/fa-brands-400.woff
diff --git a/webfonts/fa-brands-400.woff2 → free/webfonts/fa-brands-400.woff2 b/webfonts/fa-brands-400.woff2 → free/webfonts/fa-brands-400.woff2
diff --git a/webfonts/fa-regular-400.eot → free/webfonts/fa-regular-400.eot b/webfonts/fa-regular-400.eot → free/webfonts/fa-regular-400.eot
diff --git a/webfonts/fa-regular-400.svg → free/webfonts/fa-regular-400.svg b/webfonts/fa-regular-400.svg → free/webfonts/fa-regular-400.svg
diff --git a/webfonts/fa-regular-400.ttf → free/webfonts/fa-regular-400.ttf b/webfonts/fa-regular-400.ttf → free/webfonts/fa-regular-400.ttf
diff --git a/webfonts/fa-regular-400.woff → free/webfonts/fa-regular-400.woff b/webfonts/fa-regular-400.woff → free/webfonts/fa-regular-400.woff
diff --git a/webfonts/fa-regular-400.woff2 → free/webfonts/fa-regular-400.woff2 b/webfonts/fa-regular-400.woff2 → free/webfonts/fa-regular-400.woff2
diff --git a/webfonts/fa-solid-900.eot → free/webfonts/fa-solid-900.eot b/webfonts/fa-solid-900.eot → free/webfonts/fa-solid-900.eot
diff --git a/webfonts/fa-solid-900.svg → free/webfonts/fa-solid-900.svg b/webfonts/fa-solid-900.svg → free/webfonts/fa-solid-900.svg
diff --git a/webfonts/fa-solid-900.ttf → free/webfonts/fa-solid-900.ttf b/webfonts/fa-solid-900.ttf → free/webfonts/fa-solid-900.ttf
diff --git a/webfonts/fa-solid-900.woff → free/webfonts/fa-solid-900.woff b/webfonts/fa-solid-900.woff → free/webfonts/fa-solid-900.woff
diff --git a/webfonts/fa-solid-900.woff2 → free/webfonts/fa-solid-900.woff2 b/webfonts/fa-solid-900.woff2 → free/webfonts/fa-solid-900.woff2