170 lines
9.9 KiB
HTML
170 lines
9.9 KiB
HTML
<!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>
|
||
<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>
|
||
<span>求职目标：软件开发工程师(Java/Python)</span>
|
||
</p>
|
||
<p class="name">
|
||
<span>年龄：23</span>
|
||
<span> 地 址 ：重庆市璧山区</span>
|
||
</p>
|
||
<p class="name">
|
||
<span>手机：<a href="tel:17602344992">17602344992</a></span>
|
||
<span>邮 箱 ：<a href="mailto:xrilang@mllt.cc?subject=【简历联系】&body=【来自我的简历】">xrilang@mllt.cc</a></span>
|
||
</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> <span class="tag">原创</span> <span class="tag">全栈</span> 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> <span class="tag">原创</span> <span class="tag">全栈</span> 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> <span class="tag">原创</span> <span class="tag">全栈</span> 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>
|
||
<span>重庆移通学院</span> <span class="tag">统招</span> <span class="shool-intime">2023-09 —— 2025-06</span> <span>专业：人工智能</span>
|
||
</p>
|
||
<p>
|
||
<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>
|
||
<span>重庆工业职业技术学院</span> <span class="tag">统招</span> <span class="shool-intime">2020-09 —— 2023-06</span> <span>专业：软件技术</span>
|
||
</p>
|
||
<p>
|
||
<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> <span>中国大学生计算机设计大赛三等奖</span></div>
|
||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>第二十四届中国机器人及人工智能大赛智能驾驶赛三等奖</span></div>
|
||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>巴渝工匠杯乡村振兴技术技能大赛人工智能工程技术项目优胜奖</span></div>
|
||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>第七届中国国际“互联网+”大学生创新创业大赛铜奖</span></div>
|
||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>第十四届“挑战杯”中国大学生创业计划竞赛铜奖</span></div>
|
||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>北斗杯全国青少年空天科技体验与创新大赛一等奖</span></div>
|
||
<div class="jiangxiang"><span class="tag">个人荣誉</span> <span>国家励志奖学金 优秀毕业生 优秀干部 优秀学生助理 先进个人 三下乡优秀个人</span></div>
|
||
<div class="jiangxiang"><span class="tag">其他</span> <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>
|