Skip to content

Commit

Permalink
拆分工作经历
Browse files Browse the repository at this point in the history
修改格式化
  • Loading branch information
buyfakett committed Jan 18, 2025
1 parent 35fd8fa commit 4a1583f
Show file tree
Hide file tree
Showing 4 changed files with 89 additions and 68 deletions.
File renamed without changes.
74 changes: 6 additions & 68 deletions src/components/AboutMe/WorkExperience.jsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
import React from 'react';
import { NeonGradientCard } from '../magicui/NeonGradientCard';
import { motion } from 'framer-motion';
import { Image } from '@douyinfe/semi-ui';
import { imgUrl, skipUrl } from '../../config';
import WorkMuen from './WorkMuen.jsx';
import WorkZhenShan from './WorkZhenShan.jsx';

const WorkExperience = () => {
return (
Expand All @@ -22,72 +21,11 @@ const WorkExperience = () => {
initial={{ opacity: 0, y: 50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 1 }}>
{/* 第一个卡片 */}
<div className="flex flex-col md:flex-row items-center md:items-start gap-4 md:gap-6 w-full max-w-screen-lg mx-auto">
<div className="flex-shrink-0">
<Image
src={imgUrl.muen}
alt="沐恩网络"
className="w-16 h-16 md:w-12 md:h-12 md:mt-20 rounded"
/>
</div>
<NeonGradientCard
className="w-full md:w-[900px] neon-card cursor-pointer"
borderSize={4} // 调整边框为桌面端宽度
borderRadius={16} // 更加圆润
neonColors={{
firstColor: '#ff00aa',
secondColor: '#00FFF1',
}}
onClick={() => window.open(skipUrl.muen, '_blank')}>
<h1 className="text-xl md:text-3xl">沐恩网络</h1>
<h2 className="mt-0.5 text-sm md:text-lg">
运维工程师
</h2>
<h3 className="text-sm md:text-base">2022.6 - 至今</h3>
<ul className="text-xs md:text-sm list-disc pl-4 mt-2 space-y-1">
<li>内部系统前后端优化</li>
<li>自动化系统、监控系统、备份系统优化</li>
<li>服务器、监控、数据库等迁移和部署集群</li>
<li>公司分布式服务架构设计</li>
<li>日志系统设计与规划</li>
<li>线上问题分析, 提出优化方案</li>
</ul>
</NeonGradientCard>
</div>
{/* 工作-沐恩 */}
<WorkMuen />

{/* 第二个卡片 */}
<div className="flex flex-col md:flex-row items-center md:items-start gap-4 md:gap-6 w-full max-w-screen-lg mx-auto">
<div className="flex-shrink-0">
<Image
src={imgUrl.zhenshan}
alt="臻善科技"
className="w-16 h-16 md:w-12 md:h-12 md:mt-20 rounded"
/>
</div>
<NeonGradientCard
className="w-full md:w-[900px] neon-card cursor-pointer"
borderSize={4} // 调整边框为桌面端宽度
borderRadius={16} // 更加圆润
neonColors={{
firstColor: '#ff00aa',
secondColor: '#00FFF1',
}}
onClick={() => window.open(skipUrl.zhenshan, '_blank')}>
<h1 className="text-xl md:text-3xl">臻善科技</h1>
<h2 className="mt-0.5 text-sm md:text-lg">
数据师(实习)
</h2>
<h3 className="text-sm md:text-base">
2021.7 - 2022.4
</h3>
<ul className="text-xs md:text-sm list-disc pl-4 mt-2 space-y-1">
<li>各区县数据清洗</li>
<li>图形数据入库</li>
<li>各区县数据迁移合库</li>
</ul>
</NeonGradientCard>
</div>
{/* 工作-臻善 */}
<WorkZhenShan />
</motion.div>
</div>
);
Expand Down
43 changes: 43 additions & 0 deletions src/components/AboutMe/WorkMuen.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
import React from 'react';
import { NeonGradientCard } from '../magicui/NeonGradientCard';
import { Image } from '@douyinfe/semi-ui';
import { imgUrl, skipUrl } from '../../config';

const WorkMuen = () => {
return (
<>
<div className="flex flex-col md:flex-row items-center md:items-start gap-4 md:gap-6 w-full max-w-screen-lg mx-auto">
<div className="flex-shrink-0">
<Image
src={imgUrl.muen}
alt="沐恩网络"
className="w-16 h-16 md:w-12 md:h-12 md:mt-20 rounded"
/>
</div>
<NeonGradientCard
className="w-full md:w-[900px] neon-card cursor-pointer"
borderSize={4} // 调整边框为桌面端宽度
borderRadius={16} // 更加圆润
neonColors={{
firstColor: '#ff00aa',
secondColor: '#00FFF1',
}}
onClick={() => window.open(skipUrl.muen, '_blank')}>
<h1 className="text-xl md:text-3xl">沐恩网络</h1>
<h2 className="mt-0.5 text-sm md:text-lg">运维工程师</h2>
<h3 className="text-sm md:text-base">2022.6 - 至今</h3>
<ul className="text-xs md:text-sm list-disc pl-4 mt-2 space-y-1">
<li>内部系统前后端优化</li>
<li>自动化系统、监控系统、备份系统优化</li>
<li>服务器、监控、数据库等迁移和部署集群</li>
<li>公司分布式服务架构设计</li>
<li>日志系统设计与规划</li>
<li>线上问题分析, 提出优化方案</li>
</ul>
</NeonGradientCard>
</div>
</>
);
};

export default WorkMuen;
40 changes: 40 additions & 0 deletions src/components/AboutMe/WorkZhenShan.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
import React from 'react';
import { NeonGradientCard } from '../magicui/NeonGradientCard';
import { Image } from '@douyinfe/semi-ui';
import { imgUrl, skipUrl } from '../../config';

const WorkZhenShan = () => {
return (
<>
<div className="flex flex-col md:flex-row items-center md:items-start gap-4 md:gap-6 w-full max-w-screen-lg mx-auto">
<div className="flex-shrink-0">
<Image
src={imgUrl.zhenshan}
alt="臻善科技"
className="w-16 h-16 md:w-12 md:h-12 md:mt-20 rounded"
/>
</div>
<NeonGradientCard
className="w-full md:w-[900px] neon-card cursor-pointer"
borderSize={4} // 调整边框为桌面端宽度
borderRadius={16} // 更加圆润
neonColors={{
firstColor: '#ff00aa',
secondColor: '#00FFF1',
}}
onClick={() => window.open(skipUrl.zhenshan, '_blank')}>
<h1 className="text-xl md:text-3xl">臻善科技</h1>
<h2 className="mt-0.5 text-sm md:text-lg">数据师(实习)</h2>
<h3 className="text-sm md:text-base">2021.7 - 2022.4</h3>
<ul className="text-xs md:text-sm list-disc pl-4 mt-2 space-y-1">
<li>各区县数据清洗</li>
<li>图形数据入库</li>
<li>各区县数据迁移合库</li>
</ul>
</NeonGradientCard>
</div>
</>
);
};

export default WorkZhenShan;

0 comments on commit 4a1583f

Please sign in to comment.