H5-Resume/index.html
2024-08-08 20:12:44 +08:00

170 lines
9.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>&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>