H5-Resume/index.html

171 lines
9.9 KiB
HTML
Raw Normal View History

2024-08-08 12:12:44 +00:00
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A4 Paper Print</title>
2024-08-08 13:08:12 +00:00
<link rel="stylesheet" href="theme.css">
2024-08-08 12:12:44 +00:00
<link rel="stylesheet" href="style.css">
<script>
function checkScreenSize() {
var screenWidth = window.innerWidth;
// A4纸张横向的大约像素值
var a4Width = 800;
var status = localStorage.getItem("no_notice")
let ele = document.getElementsByClassName("overlay")[0]
if (screenWidth < a4Width) {
if (status==="1"){
ele.style.display="none"
}else{
ele.style.display="flex"
}
}
}
function msg_close(){
let ele = document.getElementsByClassName("overlay")[0]
ele.style.display="none" //设置display:none
}
function msg_close_ever(){
let ele = document.getElementsByClassName("overlay")[0]
ele.style.display="none" //设置display:none
localStorage.setItem("no_notice",1)
}
function printA4Content() {
// 创建一个新的窗口用于打印
var printWindow = window.open('', '', 'height=600,width=800');
// 获取要打印的内容
var printContent = document.getElementById('printableArea').innerHTML;
// 创建一个新的 HTML 文档
var html = '<html><head><title>A4 Paper Print</title>';
html += '<link rel="stylesheet" type="text/css" href="style.css">';
html += '</head><body onload="window.print(); window.close();">' + printContent + '</body></html>';
// 将 HTML 内容写入新窗口
printWindow.document.write(html);
printWindow.document.close();
// 打印完成后关闭新窗口
// 注意:某些浏览器可能不允许自动关闭打印窗口
// printWindow.close();
}
</script>
</head>
<body onload="checkScreenSize()">
<div class="container">
<div class="a4-paper" id="printableArea">
<div class="box-limit">
<div class="header">
<div class="profile-box">
<img src="https://image0.lietou-static.com/img/663a48c62c6c56485c318e2301u.jpeg" class="profile" alt="">
</div>
<div class="user-info">
<p class="title"> 基本信息 </p>
<p class="name">
<span>姓名:张伟杰</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span>求职目标:软件开发工程师(Java/Python)</span>&nbsp;&nbsp;&nbsp;
</p>
<p class="name">
<span>年龄23</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:重庆市璧山区</span>
</p>
<p class="name">
<span>手机:<a href="tel:17602344992">17602344992</a></span>&nbsp;&nbsp;&nbsp;
<span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:xrilang@mllt.cc?subject=【简历联系】&body=【来自我的简历】">xrilang@mllt.cc</a></span>&nbsp;&nbsp;&nbsp;
</p>
<p class="name">
技能:<small>Java(Web) | Python(Web、Spider、Tensorflow) | Web(Vue、uni-app)</small>
</p>
</div>
</div>
<div class="main">
<p> <span class="title">个人作品</span> | 更多项目请访问:<a href="https://i.mllt.cc" target="_blank">https://i.mllt.cc</a> | <a href="https://git.mllt.cc" target="_blank">https://git.mllt.cc</a></p>
<hr class="line">
<div class="flex-column">
<div class="project-item">
<p><a href="https://gitee.com/mllt992/source-manage-mvc" target="_blank">自媒体资源分享平台</a>&nbsp;&nbsp;<span class="tag">原创</span>&nbsp;&nbsp;<span class="tag">全栈</span>&nbsp;&nbsp;Vue3+Vant、Java Spring、MySQL</p>
<p><span>项目简介:</span><small>多身份、个人信息维护、资源搜索、积分下载、下载历史记录、收藏、邮箱注册、滑动验证</small></p>
</div>
<div class="project-item">
<p><a href="https://gitee.com/mllt992/xrilang-web-2023" target="_blank">账单管理系统</a>&nbsp;&nbsp;<span class="tag">原创</span>&nbsp;&nbsp;<span class="tag">全栈</span>&nbsp;&nbsp;Vue3+AntDesignVue+Echarts、Python Flask、MySQL</p>
<p><span>项目简介:</span><small>邮箱注册、多身份、数据统计、数据可视化</small></p>
</div>
<div class="project-item">
<p><a href="https://gitee.com/mllt992/meow-meow-clock-in" target="_blank">自动打卡平台</a>&nbsp;&nbsp;<span class="tag">原创</span>&nbsp;&nbsp;<span class="tag">全栈</span>&nbsp;&nbsp;Flask(业务端)+Ruoyi Springboot(管理端)+Redis+MySQL</p>
<p><span>项目简介:</span><small>业务端与管理端分离互不影响、Redis+代理IP降低成本、执行结果邮件通知</small></p>
</div>
</div>
</div>
<div class="main">
<p class="title"> 在校经历 </p>
<hr class="line">
<div class="school">
<div class="school-info">
<div class="logo">
<img src="https://bdfe.liepin.com/school/908885d4d6f143b1bdd9ff8fabf33acb.jpg" alt="LOGO">
</div>
<div class="shool-name">
<p>
&nbsp;&nbsp;&nbsp;&nbsp;<span>重庆移通学院</span> &nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">统招</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="shool-intime">2023-09 —— 2025-06</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>专业:人工智能</span>
</p>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;<span>校园经历:</span><small>网络与信息管理中心软件开发组组长、创新创业先锋班学员、双体系软件精英学院学员</small>
</p>
</div>
</div>
<div class="school-info">
<div class="logo">
<img src="https://bdfe.liepin.com/school/d6dfa30f6c7b430bac82c8a9aba58eee.jpg" alt="LOGO">
</div>
<div class="shool-name">
<p>
&nbsp;&nbsp;&nbsp;&nbsp;<span>重庆工业职业技术学院</span> &nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">统招</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="shool-intime">2020-09 —— 2023-06</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>专业:软件技术</span>
</p>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;<span>校园经历:</span><small>学生处助理、院新媒体中心负责人、华为耀星校园大使、统信UOS校园大使</small>
</p>
</div>
</div>
</div>
</div>
<div class="main">
<p> <span class="title">获奖经历</span> | 国家级荣誉2项 省级奖项6项 校级创新创业类5+项校级活动类7+项
<hr class="line">
<div class="rongyu">
<div class="jiangxiang"><span class="tag">重庆市</span>&nbsp;&nbsp;<span>中国大学生计算机设计大赛三等奖</span></div>
<div class="jiangxiang"><span class="tag">重庆市</span>&nbsp;&nbsp;<span>第二十四届中国机器人及人工智能大赛智能驾驶赛三等奖</span></div>
<div class="jiangxiang"><span class="tag">重庆市</span>&nbsp;&nbsp;<span>巴渝工匠杯乡村振兴技术技能大赛人工智能工程技术项目优胜奖</span></div>
<div class="jiangxiang"><span class="tag">重庆市</span>&nbsp;&nbsp;<span>第七届中国国际“互联网+”大学生创新创业大赛铜奖</span></div>
<div class="jiangxiang"><span class="tag">重庆市</span>&nbsp;&nbsp;<span>第十四届“挑战杯”中国大学生创业计划竞赛铜奖</span></div>
<div class="jiangxiang"><span class="tag">重庆市</span>&nbsp;&nbsp;<span>北斗杯全国青少年空天科技体验与创新大赛一等奖</span></div>
<div class="jiangxiang"><span class="tag">个人荣誉</span>&nbsp;&nbsp;<span>国家励志奖学金 优秀毕业生 优秀干部 优秀学生助理 先进个人 三下乡优秀个人</span></div>
<div class="jiangxiang"><span class="tag">其他</span>&nbsp;&nbsp;<span>MS Office二级、C语言二级、人工智能训练师数据标注员四级/中级工职业证书</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="overlay">
<div class="content">
<h1>这是A4大小的简历</h1>
<p>本网站设计尺寸为A4大小为了您的浏览体验建议使用电脑打开并全屏浏览</p>
<button class="msg-btn round shadow" id="btn1" onclick="msg_close()">确定</button>
<button class="msg-btn round shadow" id="btn2" onclick="msg_close_ever()">不再提醒</button>
</div>
</div>
<div style="text-align: center">
<button class="msg-btn round shadow" onclick="printA4Content()">打印</button>
</div>
</body>
</html>