From 1394a7cfb06acef9d8cfa4d5ca1522c4e507fa91 Mon Sep 17 00:00:00 2001 From: Wcowin <1135801806@qq.com> Date: Mon, 6 Jan 2025 15:36:08 +0800 Subject: [PATCH] 25/1/6 --- docs/about/assets/stylesheets/portfolio.css | 577 ++++++++++++++++++ docs/about/geren.md | 220 +++++-- docs/about/link.md | 2 +- docs/about/个人简历.pdf | Bin 0 -> 265893 bytes docs/assets/1111.png | Bin 683617 -> 0 bytes docs/assets/favicon.png | Bin 8365 -> 0 bytes docs/blog/.authors.yml | 2 +- docs/blog/Mkdocs/mkdocs1.md | 24 +- docs/blog/posts/update2025.md | 17 + docs/index.md | 93 +-- docs/liuyanban.md | 4 +- .../stylesheets/custom.00c04c01.min.css.map | 1 - docs/stylesheets/extra.css | 17 +- docs/stylesheets/portfolio.css | 577 ++++++++++++++++++ mkdocs.yml | 4 +- 15 files changed, 1403 insertions(+), 135 deletions(-) create mode 100644 docs/about/assets/stylesheets/portfolio.css create mode 100644 docs/about/个人简历.pdf delete mode 100644 docs/assets/1111.png delete mode 100644 docs/assets/favicon.png create mode 100644 docs/blog/posts/update2025.md delete mode 100644 docs/overrides/assets/stylesheets/custom.00c04c01.min.css.map create mode 100644 docs/stylesheets/portfolio.css diff --git a/docs/about/assets/stylesheets/portfolio.css b/docs/about/assets/stylesheets/portfolio.css new file mode 100644 index 0000000..b554679 --- /dev/null +++ b/docs/about/assets/stylesheets/portfolio.css @@ -0,0 +1,577 @@ +:root { + --header-height: 3rem; + + /*========== Colors ==========*/ + --first-color: #608DBD; + --first-color-second: #608DBD; + --first-color-alt: #608DBD; + --first-color-lighter: #608DBD; + + --title-color: #608DBD; + --text-color: #080505; + --text-color-light: #f5ab17; + + --input-color: #F5EEE3; + --body-color: #FDFBF8; + --container-color: #FFFFFF; + + /*========== Font and typography ==========*/ + --big-font-size: 2rem; + --h1-font-size: 1.5rem; + --h2-font-size: 1.25rem; + --h3-font-size: 1.125rem; + --normal-font-size: .938rem; + --small-font-size: .813rem; + --smaller-font-size: .75rem; + + /*========== Font weight ==========*/ + --font-medium: 500; + --font-semi-bold: 600; + + /*========== Margenes Bottom ==========*/ + --mb-0-25: .25rem; + --mb-0-5: .5rem; + --mb-0-75: .75rem; + --mb-1: 1rem; + --mb-1-5: 1.5rem; + --mb-2: 2rem; + --mb-2-5: 2.5rem; + --mb-3: 3rem; + + /*========== z index ==========*/ + --z-tooltip: 10; + --z-fixed: 100; + --z-modal: 1000; +} + +/* Font size for large devices */ +@media screen and (min-width: 968px) { + :root { + --big-font-size: 3rem; + --h1-font-size: 2.25rem; + --h2-font-size: 1.5rem; + --h3-font-size: 1.25rem; + --normal-font-size: 1rem; + --small-font-size: .875rem; + --smaller-font-size: .813rem; + } +} + +/*==================== BASE ====================*/ +* { + box-sizing: border-box; + padding: 0; + margin: 0; +} + +html { + scroll-behavior: smooth; +} + +h1, h2, h3, h4 { + color: var(--title-color); + font-weight: var(--font-semi-bold); +} + +/*==================== REUSABLE CSS CLASSES ====================*/ +.section__title { + font-size: var(--h1-font-size); + color: var(--title-color); +} + +.section__subtitle { + display: block; + font-size: var(--small-font-size); + margin-bottom: var(--mb-3); +} + +.section__title, +.section__subtitle { + text-align: center; +} + +/*==================== LAYOUT ====================*/ +.container { + max-width: 768px; + margin-left: var(--mb-1-5); + margin-right: var(--mb-1-5); +} + +.grid { + display: grid; + gap: 1.5rem; +} + +.header { + width: 100%; + position: fixed; + bottom: 0; + left: 0; + z-index: var(--z-fixed); + background-color: var(--body-color); +} + +/*==================== HOME ====================*/ +.home__container { + gap: 1rem; +} + +.home__content{ + grid-template-columns: .5fr 3fr; + padding-top: 3.5rem; + align-items: center; +} + +.home__social{ + grid-template-columns: max-content; + row-gap: 1rem; +} + +.home__social-icon{ + font-size: 1.25rem; +} + +.home__social-icon:hover { + color: var(--first-color-alt); +} + +.home__title{ + font-size: var(--big-font-size); +} + +.home__subtitle{ + margin-bottom: var(--h3-font-size); + color: var(--text-color); + font-weight: var(--font-medium); + margin-bottom: var(--mb-0-75); +} + +.home__description{ + margin-bottom: var(--mb-2); +} + +/*==================== BUTTONS ====================*/ +.button{ + display: inline-block; + background-color: var(--first-color-alt); + color: #fff; + padding: 1rem; + border-radius: .5rem; + font-weight: var(--font-medium); +} + +.button:hover { + background-color: var(--first-color-alt); +} + +.button__icon{ + font-size: 1.25rem; + margin-right: var(--mb-0-5); + transition: .3s; + color: #FFF; +} + +.button--flex{ + display: inline-flex; + align-items: center; +} + +.button--small{ + padding: .75rem 1rem; +} + +.button--link{ + padding: 0; + background-color: transparent; + color: var(--first-color); +} + +.button--link:hover { + background-color: transparent; + color: var(--first-color-alt); +} + +/*==================== ABOUT ====================*/ +.about__img{ + width: 400px; + border-radius: .5rem; + justify-self: center; + align-self: center; +} + +.about__description{ + text-align: center; + margin-bottom: var(--mb-2-5); +} + +.about__info{ + display: flex; + justify-content: space-evenly; + margin-bottom: var(--mb-2-5); +} + +.about__info-title{ + font-size: var(--h2-font-size); + font-weight: var(--font-semi-bold); + color: var(--title-color); +} + +.about__info-name{ + font-size: var(--smaller-font-size); +} + +.about__info-title, +.about__info-name{ + display: block; + text-align: center; +} + +.about__buttons{ + margin: 0 auto; + display: flex; + justify-content: center; + align-items: center; +} + +/*==================== SKILLS ====================*/ +.skills__container{ + row-gap: 0; +} + +.skills__header{ + display: flex; + align-items: center; + margin-bottom: var(--mb-2-5); + cursor: pointer; +} + +.skills__icon, +.skills__arrow{ + font-size: 2rem; + color: var(--md-primary-fg-color); +} + +.skills__icon{ + margin-right: var(--mb-0-75); +} + +.skills__title{ + font-size: var(--h3-font-size); +} + +.skills_subtitle{ + font-size: var(--small-font-size); + color: var(--text-color-light); +} + +.skills__arrow{ + margin-left: auto; + transition: .4s; +} + +.skills__list{ + row-gap: 1.5rem; + padding-left: 2.7rem; +} + +.skills__titles{ + display: flex; + justify-content: space-between; + margin-bottom: var(--mb-0-5); +} + +.skills__name{ + font-size: var(--normal-font-size); + font-weight: var(--font-medium); +} + +.skills__number{ + margin-top: var(--mb-2-5); +} + +.skills__bar, +.skills__percentage{ + height: 5px; + border-radius: .25rem; +} + +.skills__bar{ + background-color: var(--first-color-lighter); +} + +.skills__percentage{ + display: block; + background-color: var(--first-color); +} + +.skills__fastapi{ + width: 90%; +} + +.skills__django{ + width: 85%; +} + +.skills__flask{ + width: 75%; +} + +.skills__spring{ + width: 75%; +} + +.skills__androidjava{ + width: 70%; +} + +.skills__androidkotlin{ + width: 60%; +} + +.skills__flutter{ + width: 60%; +} + +.skills__aws{ + width: 80%; +} + +.skills__azure{ + width: 75%; +} + +.skills__oc{ + width: 70%; +} + +.skills__cicd{ + width: 75%; +} + +.skills__close .skills__list{ + height: 0; + overflow: hidden; +} + +.skills__open .skills__list{ + height: max-content; + margin-bottom: var(--mb-2-5); +} + +.skills__open .skills__arrow{ + transform: rotate(-180deg); +} + +/*==================== QUALIFICATION ====================*/ +.qualification__tabs{ + display: flex; + justify-content: space-evenly; + margin-bottom: var(--mb-2); +} + +.qualification__button{ + font-size: var(--h3-font-size); + font-weight: var(--font-medium); + cursor: pointer; +} + +.qualification__button:hover { + color: var(--first-color); +} + +.qualification__icon{ + font-size: 1.8rem; + margin-right: var(--mb-0-25); +} + +.qualification__data{ + display: grid; + grid-template-columns: 1.5fr max-content 1.5fr; + column-gap: 1.5rem; +} + +.qualification__title{ + font-size: var(--normal-font-size); + font-weight: var(--font-medium); +} + +.qualification__subtitle{ + display: inline-block; + font-size: var(--smaller-font-size); + margin-bottom: var(--mb-1); +} + +.qualification__calendar{ + font-size: var(--smaller-font-size); + color: var(--md-primary-fg-color--dark); +} + +.qualification__rounder{ + display: inline-block; + width: 13px; + height: 13px; + background-color: var(--md-primary-fg-color); + border-radius: 50%; +} + +.qualification__line{ + display: block; + width: 1px; + height: 100%; + background-color: var(--md-primary-fg-color); + transform: translate(6px, -7px); +} + +.qualification [data-content]{ + display: none; +} + +.qualification__active[data-content]{ + display: block; +} + +.qualification__button.qualification__active{ + color: var(--first-color); +} + +/*==================== MEDIA QUERIES ====================*/ +/* For small devices */ +@media screen and (max-width: 350px){ + .container{ + margin-left: var(--mb-1); + margin-right: var(--mb-1); + } + + .home__content{ + grid-template-columns: .25fr 3fr; + } + .home__blob{ + width: 180px; + } + + .skills__title{ + font-size: var(--normal-font-size); + } + + .qualification__data{ + gap: .5rem; + } +} + +/* For medium devices */ +@media screen and (min-width: 568px){ + .home__content{ + grid-template-columns: max-content 1fr 1fr; + } + .home__data{ + grid-column: initial; + } + .home__img{ + order: 1; + justify-self: center; + } + + .skills__container, + .about__container, + .portfolio__content, + .project__container{ + grid-template-columns: repeat(2, 1fr); + } + + .qualification__sections{ + display: grid; + grid-template-columns: 6fr; + justify-content: center; + } +} + +@media screen and (min-width: 768px){ + .container{ + margin-left: auto; + margin-right: auto; + } + + body{ + margin: 0; + } + + .section{ + padding: 6rem 0 2rem; + } + .section__subtitle{ + margin-bottom: 4rem; + } + + .header{ + top: 0; + bottom: initial; + } + + .header, + .main{ + padding: 0 1rem; + } + + .home__container{ + row-gap: 5rem; + } + .home__content{ + padding-top: 5.5rem; + column-gap: 2rem; + } + .home__blob{ + width: 270px; + } + .home__scroll{ + display: block; + } + .home__scroll-button{ + margin-left: 3rem; + } + + .about__container{ + column-gap: 5rem; + } + .about__img{ + width: 350px; + } + .about__description{ + text-align: initial; + } + .about__info{ + justify-content: space-between; + } + .about__buttons{ + justify-content: initial; + } + + .qualification__tabs{ + justify-content: center; + } + .qualification__button{ + margin: 0 var(--mb-1); + } + .qualification__sections{ + grid-template-columns: .5fr; + } +} + +/* For large devices */ +@media screen and (min-width: 1024px){ + .header, + .main{ + padding: 0; + } + + .home__blob{ + width: 320px; + } + .home__social{ + transform: translateX(-6rem); + } + .qualification__sections{ + display: grid; + grid-template-columns: 6fr; + justify-content: center; + } +} \ No newline at end of file diff --git a/docs/about/geren.md b/docs/about/geren.md index 5efc7c7..d762240 100644 --- a/docs/about/geren.md +++ b/docs/about/geren.md @@ -3,12 +3,12 @@ hide: # - navigation # - toc - feedback + - footer status: new --- -
- -
- +
+ +
# 今日诗词 @@ -18,24 +18,143 @@ status: new href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" /> +## 关于我 - + +

- arv-anshul -

Wcowin

+ arv-anshul +

A college student in Chongqing

+ + + + + + + +
+
+
+
+

+
+
+ 01+ + 工作经验 +
+
+ 03+ + 已经完成的项目 +
+
+ 02+ + 贡献的开源 +
+
+
+ + +
[下载简历 :fontawesome-solid-download:](个人简历.pdf){.md-button target=“_blank”}
+ +--- +## 个人履历 + + + + +
+ +
+
+
+ + 来时路 +
+ +
+
+ +
+ +
+
+

漯河高中

+ 平凡的三年 +
+ + 2018 - 2021 +
+
+
+ + +
+
+ +
+
+
+ + +
+
+

CTBU

+ 电子信息工程专业学士 +
+ + 2021 - 2024 +
+
+
+ +
+
+

西安电子科技大学(待定)

+ 网络空间安全专业硕士研究生 +
+ + 2024 - 2027 +
+
+
+ + +
+
+
+ +
+
+
+ + +
+
+

未完待续

+ 在路上,永远热泪盈眶 +
+ + Before - After +
+
+
+
+
+ + + +
+ +

𝘿𝙤𝙣'𝙩 𝙘𝙖𝙧𝙚 𝙖𝙗𝙤𝙪𝙩 𝙬𝙤𝙧𝙡𝙙𝙡𝙮 𝙚𝙮𝙚𝙨 𝙩𝙤 𝙥𝙪𝙧𝙨𝙪𝙚 𝙮𝙤𝙪𝙧 𝙤𝙬𝙣 𝙡𝙞𝙜𝙝𝙩

+ - - - +
!!! pied-piper1 "About me" - [x] Hey, I'm [Wcowin](https://bento.me/wcowin){target=“_blank”}! @@ -47,50 +166,51 @@ status: new ## 联系我 - - -
+ +
+
我的名片
+ padding: 2px;">我的Wechat
-
- ![Image title](https://s1.imagehub.cc/images/2024/02/02/43c746351261969a02bda7d743199604.jpeg){.img1} -
公众号
-
+ +
+ +
我的TG
+
+
-## 个人简历 -[个人简历(在线)](https://cv.devtool.tech/preview/76751620-faad-4537-bffd-73ced6ee9671) +??? tip "公众号" +
+ ![Image title](https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png){.img1} +
公众号
+
-## 个人技能 -本人擅长 Ai、Fw、Fl、Br、Ae、Pr、Id、Ps 等软件的安装与卸载。 + + + -## 个人荣誉 -![IMG_9007.jpeg](https://s2.loli.net/2024/02/03/RH5jOlZqdITAcw8.jpg){loading=lazy class="img1" } + - - - - - - ## 须知 如果你在浏览博客的过程中发现了任何问题,欢迎前往 GitHub 的[代码仓库](https://github.com/Wcowin/Wcowin.github.io)提交 [Issues](https://github.com/Wcowin/Wcowin.github.io/issues) 或直接修改相关文件后提交 Pull Requests。如果你有其他事情想要咨询,可以通过下方按钮使用邮件联系我,请不要滥用博客的评论功能发表与主题无关言论。 @@ -99,7 +219,5 @@ t.parentNode.insertBefore(e,t)}})(); [Send Email :fontawesome-solid-paper-plane:](mailto:){.md-button} - - diff --git a/docs/about/link.md b/docs/about/link.md index ec1c116..14f4e69 100644 --- a/docs/about/link.md +++ b/docs/about/link.md @@ -34,7 +34,7 @@ t.parentNode.insertBefore(e,t)}})();