Initial commit: 12个专业个人简历作品集项目

This commit is contained in:
KQL
2025-11-15 18:32:08 +08:00
commit b690b4663c
896 changed files with 726841 additions and 0 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,45 @@
.stars {
margin: 0 auto;
position: fixed;
top: 0;
z-index: 2;
}
.star, .r{
display: block;
width: 1px;
background: transparent;
position: absolute;
opacity: 0;
/*过渡动画*/
animation: star-fall 3s linear;
}
.star:after, .r:after {
content: '';
display: block;
border: 0px solid #fff;
border-width: 0px 90px 2px 90px;
border-color: transparent transparent transparent rgba(255, 255, 255, .5);
box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
/*变形*/
transform: rotate(225deg) translate3d(1px, 3px, 0);
transform-origin: 0% 100%;
}
@keyframes star-fall {
0% {
opacity: 0;
transform: scale(0.5) translate3d(0, 0, 0);
}
50% {
opacity: 1;
transform: translate3d(200px, 200px, 0);
}
100% {
opacity: 0;
transform: scale(1.2) translate3d(300px, 300px, 0);
}
}

View File

@@ -0,0 +1,108 @@
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes blink {
50% {
opacity: 0;
}
}
@-webkit-keyframes blink {
50% {
opacity: 0;
}
}
@-webkit-keyframes pulsate {
0% {
transform: scale(0.6, 0.6);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
transform: scale(1, 1);
opacity: 0.0;
}
}
@keyframes pulsate {
0% {
transform: scale(0.6, 0.6);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
transform: scale(1, 1);
opacity: 0.0;
}
}
@-webkit-keyframes animate-positive {
0% {
width: 0%;
}
}
@keyframes animate-positive {
0% {
width: 0%;
}
}

View File

@@ -0,0 +1,927 @@
body,
html {
margin: 0;
padding: 0;
scroll-behavior: smooth;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.profile-page {
text-align: center;
min-height: auto;
width: auto;
}
.page-header .a {
transition: all 4s ease 0s;
}
.page-header .go {
position: absolute;
z-index: 2;
bottom: 0px;
left: 50%;
width: 32px;
height: 33px;
margin-left: -16px;
transition: all 0.4s ease 0s;
animation: 3s ease 0s normal none infinite running bounce;
}
.page-header .j-icon:hover {
transform: scale(1.20);
}
.page-header .bg-primary {
background-color: rgba(0, 0, 0, .15) !important;
transition: 0.4s;
}
.navbar-toggler {
z-index: 3;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.9);
}
.page-header .navbar .navbar-collapse li {
font-weight: 700;
padding-left: 10px;
padding-right: 10px;
z-index: 2;
}
.page-header .navbar .navbar-collapse li:hover {
background: rgb(26, 145, 65);
transition: 0.55s;
z-index: 2;
}
.page-header .navbar {
position: fixed;
z-index: 10000 !important;
width: 100%;
}
.profile-page .page-header {
position: relative;
min-height: 650px;
max-height: 1024px;
width: 100%;
height: 100%;
background-image: url(../images/intro-bg.jpg);
background-position: center center !important;
background-size: cove !important;
}
.page-header-mask:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.7;
z-index: 0;
}
.page-header-particles {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.profile-page .page-header-content {
position: relative;
max-height: 600px;
min-height: 350px;
}
.page-header .left-content {
position: relative;
min-height: 650px;
}
.personalImage {
position: relative;
width: auto;
height: 250px;
text-align: center;
top: 44px;
}
.personalImage a {
position: relative;
}
.personalImage a:before {
content: "";
border: 15px solid rgb(117 49 171);
border-radius: 50%;
height: 180px;
width: 180px;
position: absolute;
left: 0;
-webkit-animation: pulsate 1.6s ease-out;
animation: pulsate 1.6s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 0.0;
z-index: 99;
}
.personalImage img {
position: relative;
border-radius: 50%;
height: 180px;
width: 180px;
padding: 0;
margin: 0;
border: 15px solid transparent;
z-index: 9999;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.personalImage a:hover img {
transform: scale(1.06, 1.06);
}
.personalImage a:hover:before {
animation: none;
}
.page-header .name {
color: rgba(255, 255, 255, 0.88);
}
.page-header .motto {
color: rgba(255, 255, 255, 0.88);
}
.page-header .motto::after {
position: relative;
top: 5px;
display: inline-block;
height: 20px;
margin-left: 5px;
content: " ";
-webkit-animation: blink .5s step-end infinite alternate;
animation: blink .5s step-end infinite alternate;
border-right: 2px solid;
}
.page-header .self-intro {
color: rgba(255, 255, 255, 0.8);
font-size: smaller;
font-family: serif, '宋体';
display: none;
}
.section-title {
margin-top: 60px;
margin-bottom: 25px;
font-weight: 500 !important;
}
.card {
border: 0;
border-radius: 0.1875rem;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
-webkit-box-shadow: -1px 5px 25px 0px rgb(0 0 0 / 20%);
box-shadow: -1px 5px 25px 0px rgb(0 0 0 / 20%);
background-color: antiquewhite;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
border-radius: 1%;
text-align: left;
}
.about-section .card:hover,
.skill-section .card:hover,
.experience-section .card:hover,
.portfolio-section .card:hover {
transform: scale(1.02, 1.02) !important;
}
.h4 {
font-size: 1.714em;
line-height: 1.45em;
margin-top: 30px;
margin-bottom: 15px;
}
.hvr-bounce-to-right {
display: none;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
z-index: 1 !important;
border-bottom: 10px solid rgb(247, 242, 242);
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #067927;
;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
color: white;
text-decoration: none;
border: 1px solid #067927;
;
}
.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
[class^="hvr-"] {
position: relative;
bottom: 75px;
top: 40px;
display: none;
vertical-align: middle;
margin: .4em;
padding: 8px 15px;
cursor: pointer;
border-radius: 0;
background: transparent;
text-decoration: none;
color: #e3d9d9;
/* -webkit-tap-highlight-color: rgba(0,0,0,0); */
font-size: 17px;
border: 1px solid rgba(255, 255, 255, 0.5)
}
.skill-section .card {
text-align: left;
background: #494A5F;
color: #D5D6E2;
-webkit-box-shadow: -1px 5px 25px 2px rgb(51 55 58 / 25%);
box-shadow: -1px -5px 25px 2px rgb(51 55 58 / 25%);
}
.htmleaf-container {
margin: 0 auto;
}
.progress_bar .pro-bar {
background: hsl(0, 0%, 97%);
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
height: 4px;
margin-bottom: 12px;
margin-top: 50px;
position: relative;
}
.progress_bar .progress_bar_title {
color: hsl(218, 4%, 50%);
color: #D5D6E2;
font-size: 15px;
font-weight: 300;
position: relative;
top: -28px !important;
z-index: 1;
}
.progress_number {
top: -28px !important;
}
.progress_bar .progress_number {
float: right !important;
}
.progress_bar .progress-bar-inner {
background-color: hsl(0, 0%, 88%);
display: block;
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: width 1s linear 0s;
}
.p-a {
animation: animate-positive 2s;
}
.progress_bar .progress-bar-inner:before {
content: "";
background-color: hsl(0, 0%, 100%);
border-radius: 50%;
width: 4px;
height: 4px;
position: absolute;
right: 1px;
top: 0;
z-index: 1;
}
.progress_bar .progress-bar-inner:after {
content: "";
width: 14px;
height: 14px;
background-color: inherit;
border-radius: 50%;
position: absolute;
right: -4px;
top: -5px;
}
.portfolio-section {
background: url(https://pic4.zhimg.com/80/v2-1acf703173c88099a01ead4aa66c0633_1440w.jpg) no-repeat center top;
margin-top: 30px;
padding-top: 50px;
text-align: center !important;
background-attachment: relative !important;
background-position: center center !important;
min-height: 800px;
width: 100%;
background-size: 100%;
background-size: cover;
position: relative !important;
}
.portfolio-section .section-title {
margin-top: -60px;
color: rgba(255, 255, 255, 0.85);
margin-bottom: 50px;
}
.portfolio-section .row {
bottom: 20px;
margin-bottom: 20px;
}
.gallery .portfolio-section-main {
transition: 0.5s;
}
.gallery .portfolio-section-main:hover {
transform: scale(1.06);
-webkit-transform: scale(1.06);
}
.gallery .porfolio-image figure {
position: relative;
overflow: hidden;
text-align: center;
}
.gallery .porfolio-image figure img {
position: relative;
display: block;
min-width: 375px;
width: 100%;
height: 250px;
opacity: 1;
}
.gallery .porfolio-image figure figcaption {
position: absolute;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery .porfolio-image figure figcaption,
.gallery .porfolio-image figure figcaption>a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gallery .porfolio-image figure figcaption>a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.gallery .porfolio-image figure .h4,
.gallery .porfolio-image figure p {
margin: 0;
}
.gallery figure.portfolio-section-main figcaption::before,
.gallery figure.portfolio-section-main figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
.gallery figure.portfolio-section-main figcaption::before {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.gallery figure.portfolio-section-main figcaption::after {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.gallery figure.portfolio-section-main .h4 {
margin-top: 80px;
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
opacity: 0;
}
@media (max-width: 480px) {
.gallery figure.portfolio-section-main .h4 {
font-size: 20px;
}
.gallery figure.portfolio-section-main p {
font-size: 14px;
}
}
.gallery figcaption .container {
position: absolute;
width: 100%;
bottom: 20px;
}
.gallery figure.portfolio-section-main p {
padding: 0.5em 2em;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
opacity: 0;
}
.gallery figure.portfolio-section-main img,
.gallery figure.portfolio-section-main .h4 {
-webkit-transform: scale(1.06, 1.06);
transform: scale(1.06, 1.06);
}
.gallery figure.portfolio-section-main img,
.gallery figure.portfolio-section-main figcaption::before,
.gallery figure.portfolio-section-main figcaption::after,
.gallery figure.portfolio-section-main p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
/* transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; */
}
.gallery figure.portfolio-section-main:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.gallery figure.portfolio-section-main:hover figcaption::before,
.gallery figure.portfolio-section-main:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.gallery figure.portfolio-section-main:hover figcaption:before {
background: rgba(27, 23, 23, 0.5);
}
.gallery figure.portfolio-section-main:hover .h4,
.gallery figure.portfolio-section-main:hover p,
.gallery figure.portfolio-section-main:hover button {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #fff;
}
.gallery figure.portfolio-section-main:hover figcaption::after,
.gallery figure.portfolio-section-main:hover .h4,
.gallery figure.portfolio-section-main:hover p,
.gallery figure.portfolio-section-main:hover img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.experience-section .card {
background-color: rgb(255, 255, 255);
color: black;
}
.experience-section .col-md-3 .card-body {
text-align: center;
color: white;
}
@media (max-width: 768px) {
.experience-section .card {
text-align: center;
}
}
.experience-section .work {
font-size: 20px;
color: white;
text-align: center;
}
/*时间轴*/
.others-section p {
color: white;
}
.others-section .section-title {
color: white;
}
.others-section {
background: url(https://pic1.zhimg.com/v2-956295fc660aee9127c9ecb4b9b32090_b.jpg);
background-repeat: no-repeat !important;
margin-top: 30px !important;
padding-top: 40px !important;
text-align: center !important;
background-attachment: relative !important;
background-position: center center !important;
min-height: 800px !important;
width: 100% !important;
background-size: 100% !important;
background-size: cover !important;
position: relative !important;
}
.others-section::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
opacity: 0.7;
z-index: 0;
}
.others-section .section-title {
margin-bottom: 60px;
}
.others-section li {
color: rgba(255, 255, 255, 0.8);
}
.others-section .container .content-timeline-border {
border-radius: 5px;
margin: 0 15px 0 15px;
position: relative;
overflow: hidden;
/*background: #cccaef;*/
}
.others-section .container .timeline-left,
.container .timeline-right {
float: left;
overflow: hidden;
width: 50%;
}
.others-section .container .timeul {
list-style: none;
padding: 0;
}
.others-section .container .content-timeline-border::before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 3px;
height: 100%;
background: #434343;
}
.others-section .container .timeul>li {
width: 100%;
margin-bottom: 200px;
}
.others-section .container .timeline-right li:last-child {
margin-bottom: 0px;
}
.others-section .container .timeline-left {
margin-top: 20px;
}
.others-section .container .timeline-right {
margin-top: 210px;
}
.others-section .container .timeline-right>span,
.container .timeline-left>span {
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
width: 20px;
border-radius: 50%;
height: 20px;
border: 3px solid #cd7070;
background: #fff;
}
.others-section .container .timeline-left>span {
top: 0px;
}
.others-section .container .timeul span {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 20px;
border-radius: 50%;
height: 20px;
border: 3px solid #cd7070;
background: #fff;
}
.others-section .container .content-timeline-border .time-content {
border-top: 3px solid #cd7070;
position: relative;
border-radius: 18px;
top: 8px;
padding: 10px 20px;
}
.others-section .container .content-timeline-border .time-title {
width: 50%;
margin: 0 auto;
border: 3px solid #cd7070;
background: #cd7070;
border-radius: 5px;
color: #fff;
line-height: 40px;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.others-section .container .content-timeline-border p {
line-height: 23px;
font-size: smaller;
}
.others-section .container .content-timeline-border h5 {
text-align: center;
color: rgb(233 195 9);
padding: 0;
margin: 9px 0;
}
@media screen and (max-width: 900px) {
.others-section .container .timeline-left,
.container .timeline-right {
float: none;
width: 100%;
}
.others-section .container .timeline-right {
margin-top: 13px;
}
.others-section .container .content-timeline-border::before {
content: '';
position: absolute;
left: 10px;
transform: translateX(-50%);
width: 3px;
height: 100%;
background: #434343;
}
.others-section .container .timeline-right>span,
.container .timeline-left>span {
position: absolute;
left: 10px;
bottom: 0px;
transform: translateX(-50%);
width: 20px;
border-radius: 50%;
height: 20px;
border: 3px solid #cda670;
background: #fff;
}
.others-section .container .timeul span {
position: absolute;
left: 10px;
transform: translateX(-50%);
width: 20px;
border-radius: 50%;
height: 20px;
border: 3px solid #cda670;
background: #fff;
}
.others-section .container .content-timeline-border .time-content {
border-top: 3px solid #cda670;
position: relative;
border-radius: 18px;
top: 8px;
left: 11px;
width: 95%;
padding: 10px 20px;
}
.others-section .container .timeul>li {
width: 100%;
margin-bottom: 20px;
padding-bottom: 15px;
}
}
.contact-section .card {
background-color: white !important;
}
.contact-section .msg {
border: none;
border-bottom: 1px solid #000;
padding: 10px;
width: 100%;
}
.input-group-addon {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
color: #495057;
text-align: center;
background-color: #e9ecef;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem;
}
.input-group-addon:not(:last-child) {
border-right: 0px;
}
.form-control+.input-group-addon:not(:first-child) {
border-left: 0px;
}
.btn-link {
color: black !important;
}
.my-tooltip {
position: relative;
display: inline-block;
margin-right: 10px;
margin-left: 10px;
}
.my-tooltip .my-tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
}
.my-tooltip .my-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
.my-tooltip:hover .my-tooltiptext {
visibility: visible;
}
.my-tooltip .my-tooltiptext {
opacity: 0;
transition: opacity 1s;
}
.my-tooltip:hover .my-tooltiptext {
opacity: 1;
}
.footer {
width: 100%;
text-align: center;
background-color: #2B2F3E;
;
text-align: center;
}
.footer {
margin-top: 5px;
color: #f8f9fab0;
top: 20px;
position: relative;
bottom: 0;
margin-bottom: 0;
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,133 @@
/* -----------------------------------------------
/* How to use? : Check the GitHub README
/* ----------------------------------------------- */
/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
/*
particlesJS.load('particles-js', 'particles.json', function() {
console.log('particles.js loaded - callback');
});
*/
/* Otherwise just put the config content (json): */
particlesJS('particles-js',
{
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#ddd"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#888888"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 5,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#777",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true,
"config_demo": {
"hide_card": false,
"background_color": "#b61924",
"background_image": "",
"background_position": "50% 50%",
"background_repeat": "no-repeat",
"background_size": "cover"
}
}
);

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,271 @@
function addScript(url) {
document.write("<script language=javascript src=./config/config.js></script>");
}
addScript();
//不使用配置文件请注释点上面代码
//星光依旧灿烂,激情仍然燃烧。因为有梦想,所以我存在。你在你的领域里不惜青春,我在我的道路上不知疲倦。
$(function () {
if (config) {
$(".name").html(config.name);
$(".sex").html(config.sex);
$(".age").html(config.age);
$(".phone").html(config.phone);
$(".email").html(config.email);
$(".address").html(config.address);
$(".qq").html(config.qq);
$(".log").html(config.log);
$(".self-intro").html(config.welcome);
$(".me").html(config.about);
$(".for-work").html(config.excpect_work);
$(".profile-page .page-header").css("background-image", "url(" + config.url[0] + ")");
$(".myphoto").attr("src", config.url[1]);
$(".portfolio-section").css({
"background": "url(" + config.url[2] + ") no-repeat center top",
"margin-top": "30px",
"padding-top": "50px",
"text-align": "center !important",
"background-attachment": "relative !important",
"background-position": "center center !important",
"min-height": "800px",
"width": "100%",
"background-size": "100%",
"background-size": "cover",
"position": "relative !important"
});
$(".others-section").css("background", "url(" + config.url[3] + ")");
$(".desc").html(config.skills_description);
//------E-------
if (config.skills) {
for (let i = 0; i < config.skills.length; i++) {
let skill_name = config.skills[i][0];
let num = config.skills[i][1];
let color = config.skills[i][2];
let s = "<div class=\"progress_bar\">\n" +
" <div class=\"pro-bar\">\n" +
" <small class=\"progress_bar_title\">\n" +
skill_name +
" <span class=\"progress_number\">%</span>\n" +
" </small>\n" +
" <span class=\"progress-bar-inner p-a\"\n" +
" style=\"background-color:" + color + "; width:" + num + "%;\" data-value=\"" + num + "\"\n" +
" data-percentage-value=\"" + num + "\"></span>\n" +
" </div>\n" +
"</div>";
$(".skill-body").append(s)
}
}
let row_i = 0;
if (config.portfolio) {
for (let i = 0; i < config.portfolio.length; i++) {
if (i % 3 == 0) {
$(".portfolio-section-main-container").append("<div class=\"row\"></div>");
row_i++;
}
let e = $(".portfolio-section-main-container .row").eq(row_i - 1);
let img = config.portfolio[i][0];
let url = config.portfolio[i][1];
let projectName = config.portfolio[i][2];
let brief = config.portfolio[i][3];
e.append("<div class=\"col-md-4\">\n" +
" <div class=\"porfolio-image img-raised\" data-aos=\"fade-up\"\n" +
" data-aos-anchor-placement=\"top-bottom\">\n" +
" <a href=\"" + url + "\" title=\"点击查看详细信息\">\n" +
" <figure class=\"portfolio-section-main\">\n" +
" <img src=\"" + img + "\" alt=\"Image\" />\n" +
" <figcaption>\n" +
" <div class=\"h4\">" + projectName + "</div>\n" +
" <p>" + brief + "</p>\n" +
" </figcaption>\n" +
" </figure>\n" +
" </a>\n" +
" </div>\n" +
"</div>");
}
}
if (config.work) {
for (let i = 0; i < config.work.length; i++) {
let time = config.work[i][0];
let what = config.work[i][1];
let desc = config.work[i][2];
$(".experience-section .container").append(
"<div class=\"card\">\n" +
" <div class=\"row\">\n" +
" <div class=\"col-md-3 bg-primary\" data-aos=\"fade-right\" data-aos-offset=\"50\"\n" +
" data-aos-duration=\"500\">\n" +
" <div class=\"card-body\">\n" +
" <p class=\"time\">\n" +
" " + time + "\n" +
" </p>\n" +
" <strong class=\"work\">" + what + "</strong>\n" +
" </div>\n" +
" </div>\n" +
" <div class=\"col-md-9\" data-aos=\"fade-left\" data-aos-offset=\"50\" data-aos-duration=\"500\">\n" +
" <div class=\"card-body\">\n" +
desc +
" </div>\n" +
" </div>\n" +
" </div>\n" +
"</div>"
);
}
}
if (config.others) {
for (let i = 0; i < config.others.length; i++) {
var e;
if (i % 2 == 0) {
e = $(".timeline-left .timeul");
} else {
e = $(".timeline-right .timeul");
}
let time = config.others[i][0];
let what = config.others[i][1];
let desc = config.others[i][2];
e.append(
"<li>\n" +
" <div class=\"time-title\">" + time + "</div>\n" +
" <span></span>\n" +
" <div class=\"time-content\">\n" +
" <h5>" + what + "</h5>\n" +
" <p>" + desc + "</p>\n" +
" </div>\n" +
"\n" +
"</li>"
)
}
}
if (config.icon) {
for (let i = 0; i < config.icon.length; i++) {
let img = config.icon[i][0];
let url = config.icon[i][1];
let desc = config.icon[i][2];
$(".icon-insert").append(
"<a class=\"my-tooltip\" href=\"" + url + "\" title=\"访问我的社交平台\">\n" +
" <img src=\"" + img + "\" alt=\"\">\n" +
" <span class=\"my-tooltiptext\">" + desc + "</span>\n" +
"</a>"
);
}
}
}
var h;
$(window).resize(function () {
h = $(".page-header").height() - $(".page-header .bg-primary").height();
})
progress();
if ($(window).scrollTop() >= $(".page-header").height() - $(".page-header .bg-primary").height()) {
$(".page-header .bg-primary").css("cssText", "background-color:rgb(55 65 178)!important");
}
$(window).scroll(function () {
h = $(".page-header").height() - $(".page-header .bg-primary").height();
if ($(window).scrollTop() >= h) {
$(".page-header .bg-primary").css("cssText", "background-color:rgb(55 65 178)!important");
} else {
$(".page-header .bg-primary").css("cssText", "background-color:rgba(0,0,0,0.20)!important");
}
if ($(".skill-section .card").hasClass("aos-animate")) {
$(".progress-bar-inner").addClass("p-a");
progress();
} else {
$(".progress-bar-inner").removeClass("p-a");
}
});
function progress() {
var progress = $(".progress-bar-inner");
progress.each(function (i) {
var data = $(this).attr('data-value');
$(this).prev().find("span").html(data + "%");
});
}
$(".send-btn").on("click", mailsend);
function mailsend() {
var subject = $(".subject").val();
var content = $(".message").val();
content = content.replace(new RegExp(' ', 'g'), '%20');
content = content.replace(new RegExp('\n', 'g'), '%0d%0a');
// if (confirm("你确定要向" + who + "放送邮件吗?") == true) {
// location="mailto:sample@fly63.com?subject=test&cc=sample@hotmail.com&subject=主题&body=内容";
// }
location = "mailto:" + config.email + "?subject=" + subject + "&body=" + content;
}
// ---- 座右铭字缓出效果 -----
var text = "衣带渐宽终不悔,为伊消得人憔悴";
var length = text.length;
let index = 0;
var mottoArrs = config.motto;
// $.ajaxSettings.async = false;
// $.getJSON("./motto.json", function (data) {
// mottoArrs = data;
// })
var e1 = setInterval(insWords, 150);
var e2 = 0;
function insWords() {
if (index <= length + 1 && index >= 0) {
$(".page-header .motto").append(text[index]);
}
index++;
if (index > length) {
index += 50;
e2 = setInterval(delWords, 50);
clearInterval(e1);
}
}
function delWords() {
if (index <= length && index >= 0) {
let shower = text.substr(0, index);
$(".page-header .motto").html(shower);
}
index--;
if (index < 0) {
index = -5;
let i = Math.floor(mottoArrs.length * Math.random());
text = mottoArrs[i];
length = text.length;
e1 = setInterval(insWords, 150);
clearInterval(e2);
}
}
// ----- END ------
//--- 绑定按钮特效和文字淡入淡出 ---
$(".self-intro").fadeIn(3000);
$(".hvr-bounce-to-right").fadeIn(3000);
//----END---
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,222 @@
## 关于
我认为每一个人都需要一个简历网页以介绍自己,可以作为面试时的加分项,也可以放置在您的个人网站之中。
这是一款响应式炫酷而优雅的个人简历网页电脑与手机均适用无需联网纯前端HTML+CSS+JavaScript实现可用于个人简历、个人网站、个人简介或学习使用可以通过配置文件自动生成属于你自己的网页。
## 演示
[网页演示地址](https://happysnaker.github.io/Resume/)
在手机或平板或电脑上查看该网页。
## 项目结构
前往[happysnaker/Resume-Web-Page项目仓库](https://github.com/happysnaker/Resume-Web-Page)clone项目保存在你自己的文件中。
Resume文件下
- config文件包含了项目的配置文件。
- CSS文件下personal-info-main.css为主要的CSS代码personal-info-animate.css为项目的动画CSS代码其余CSS文件为引用库。
- JS文件下personal-info-main.js为主要的JS代码其余js文件为引用库。
- images文件包含了可能用上的图片。
- svg文件下包含了一些图标。
- index.html为网页的入口。
## 配置
**在./config/config.js文件中配置您的信息以自动生成属于你自己的网页遵循JavaScript对象声明规范注意格式对象变量中间不要漏写逗号对象变量结尾不要多写逗号。**
```javascript
var config = {
/*在这里配置你的基本信息,所有数据以字符串形式给出*/
name: "卢世荣",
sex: "男",
age: "19",
phone: "19870887127",
email: "happysnaker@foxmail.com",
address: "现居浙江省义乌市",
qq: "1637318597",
log: "Happysnaker",
excpect_work: "Java/Go后端开发",
/*在这里配置首页的座右铭集合*/
motto: [
"明天不一定会更好,但要坚信更好的明天一定会来。",
"要做的事情总找得出时间和机会,不愿意做的事情也总能找得出借口。",
"Gor For It!",
"有智者立长志,无志者长立志。",
"那些过去的眼泪终将风干在记忆里。",
"真相,是为了剿灭幻想。",
"我欲将心向明月,奈何明月照沟渠。",
"春风得意马蹄疾,一日看尽长安花。",
"天凉好个秋!",
"老骥伏枥,志在千里。烈士暮年,壮心不已。",
"老当益壮,宁移白首之心。穷且益坚,不坠青云之志。",
"我们必须拿我们所有的, 去换我们所没有的",
"蒹葭苍苍,白露为霜;所谓伊人,在水一方。",
"数风流人物,还看今朝!"
],
/*在这里配置首页的见面信息你可以内嵌HTML标签以调整格式*/
welcome: "青青子衿,悠悠我心<br>" +
"但为君故,沉吟至今<br>" +
"你好,我是卢世荣,南昌大学软件工程大二在读生<br>" +
"很高兴见到你!",
/*在这里配置关于我的信息你可以内嵌HTML标签以调整格式*/
about: "<p>你好我叫卢世荣性别男南昌软件学院大二在读。我期望的工作岗位是Go/Java后端开发。</p>" +
"<p>我有着较多的Java编程经验计算机基础知识掌握扎实能够在工作中很好的完成自己的任务。此外我有着充满激情的工作态度团队协同作战能力强同时我也具备独立开发的能力擅于发现并解决问题。我的执行力强、责任感高、集体荣誉感强、敢于担当能够接受加班或出差等安排</p>" +
"<p>十分期待与您的联系!</p>",
/**
* 在这里配置你的技能点
* ["技能点", 掌握程度, "技能条颜色"]
*/
skills: [
["Java", 80, "red"],
["GoLang", 77, "blue"],
["SQL", 75, "#1abc9c"],
["HTML5", 67, "rgba(0,0,0)"],
["CSS3", 60, "yellow"],
["JavaScript", 70, "pink"]
],
/*这里填写你的技能描述你可以内嵌HTML标签以调整格式*/
skills_description: "<ul>" +
" <li>操作系统、计算机网络等编程基础知识良好。</li>" +
" <li>熟练掌握Java基础。</li>" +
" <li>熟悉JavaIO、多线程、集合等基础框架。</li>" +
" <li>了解JVM原理。</li>" +
" <li>熟悉Go语言开发基本知识。</li>" +
" <li>熟悉SQL语句编写以及调优。</li>" +
" <li>熟悉基本Linux命令操作。</li>" +
" <li>熟悉Spring、ibatis、struts等框架的使用了解其原理与机制。</li>" +
" <li>熟悉缓存、消息等机制。</li>" +
" <li>了解分布式系统的设计与应用。</li>" +
" <li>熟悉HTML、CSS、JavaScript以及相应前端知识。</li>" +
" </ul>",
/**
* 这里填写你的个人作品展示
* ["img""url", "ProjectName", "brief"]
* img表示您的作品图片链接url表示您的项目地址ProjectName表示您的仓库或作品名称brief是一句简短的介绍
* 通过查看实际效果以调整字题长度
*/
portfolio: [
["./images/pro-1.png", "http://1.15.234.109:8000/", "个人博客", "这里记录了我的Java后端学习笔记<br>持续更新"],
["./images/pro-2.png", "https://github.com/happysnaker/Gobang", "智能人机对战五子棋", "采用C++编写的智能五子棋人机对战<br>2021/7/23"],
["https://pic3.zhimg.com/80/v2-d9766956d5c85c2780e4c5008fd946ca_1440w.jpg", "https://github.com/happysnaker/StudentsManageSystem", "学生管理系统", "C语言+AVL树+多重双向表实现"]
],
/**
* 这里填写您的工作经历
* ["日期" "工作" "介绍"]
* 你可以内嵌HTML标签以排版格式
*/
work: [
//如果您内有工作经历,您可以采取下列写法
// ["————————", "", "<p>暂无工作经历,期待您的联系。</p>"]
["2020/7/1 — 2021/8/10", "<br>阎王殿实习生",
"<p><strong>阎王殿研发部</strong></p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>"
],
["2020/7/1 — 2021/8/10", "<br>阎王殿实习生",
"<p><strong>阎王殿研发部</strong></p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>"
]
],
/**
* 这里填写你的其他经历
* ["日期" "经历" "介绍"]
* 建议填写您的校级及以上得奖经历或或其他证书
*/
others: [
["2021-04-28", "第十二届蓝桥杯大学生A组省三等奖", "大一下学期我参与第十二届蓝桥杯大学生A组然比赛一改以往暴力题半数以上DP仅取得省级三等奖。"],
["2021-04-24", "第六届团队程序设计天梯赛个人国家三等奖", "大一下学期,我通过面向全年级的选拔,获得入队名额,在个人赛中获得全国三等奖。"],
["2021-04-24", "第六届团队程序设计天梯赛团体国家二等奖", "大一下学期,我通过面向全年级的选拔,获得入队名额,跟随团队取得团体国家二等奖的成绩。"],
["2020-11-14", "2020级南昌大学程序设计正式赛三等奖", "大一上学期,我参与校举办的面向全校程序设计大赛并获得三等奖,"]
],
/**
* 在这里填写您的社交网络平台
* ["img", "url", "desc"]
* img是社交平台的图标在./svg目录下我们已经准备好了 微博、简书、掘金、小红书、知乎、csdn、facebook、github、力扣、CF和qq的图标
* url是您链接
* desc是一段描述将鼠标移入将会显示该描述
* 建议您放置数量 <= 5
*/
icon: [
["./svg/LeetCode.svg", "https://leetcode-cn.com/u/happysnaker/", "我的力扣主页"],
["./svg/github.svg", "https://github.com/happysnaker", "我的GitHub主页"],
["./svg/博客.svg", "http://1.15.234.109:8000", "我的个人博客"],
["./svg/掘金.svg", "https://juejin.cn/user/3853167638625000", "我的掘金主页"],
["./svg/知乎.svg", "https://www.zhihu.com/people/tian-xia-you-dao-81", "我的知乎主页"]
],
//这是一些图片链接,建议您仅更改第二个头像图片
url: [
//背景图、头像、作品展示背景、其他经历背景
"./images/intro-bg.jpg",
"./images/2.jpg",
"./images/work-bk.png",
"./images/4.jpg"
]
}
```
**如果您不需要配置该文件,请注释掉./JS/personal-info-main.js文件中顶层4行代码.**
```function addScript(url) {
function addScript(url) {
document.write("<script language=javascript src=./config/config.js></script>");
}
addScript();
```
## 参阅
### 引用库
[Bootstrap · The most popular HTML, CSS, and JS library in the world. (getbootstrap.com)](https://getbootstrap.com/)
[AOS - Animate on scroll library (michalsnik.github.io)](http://michalsnik.github.io/aos/)
[anime.js官网_免费、灵活的轻型JavaScript动画库 | animejs](https://www.animejs.cn/)
[jQuery](https://jquery.com/)
### 其他
[burc-li/timeLine: 纯CSS时间轴 (github.com)](https://github.com/burc-li/timeLine)
[VincentGarreau/particles.js: A lightweight JavaScript library for creating particles (github.com)](https://github.com/VincentGarreau/particles.js)

View File

@@ -0,0 +1,152 @@
var config = {
/*在这里配置你的基本信息,所有数据以字符串形式给出*/
name: "卢本伟",
sex: "男",
age: "19",
phone: "19872222222",
email: "happysnaker@foxmail.com this`s true",
address: "现居浙江省义乌市",
qq: "11",
log: "Happysnaker",
excpect_work: "Java/Go后端开发",
/*在这里配置首页的座右铭集合*/
motto: [
"明天不一定会更好,但要坚信更好的明天一定会来。",
"要做的事情总找得出时间和机会,不愿意做的事情也总能找得出借口。",
"Gor For It!",
"有智者立长志,无志者长立志。",
"那些过去的眼泪终将风干在记忆里。",
"真相,是为了剿灭幻想。",
"我欲将心向明月,奈何明月照沟渠。",
"春风得意马蹄疾,一日看尽长安花。",
"天凉好个秋!",
"老骥伏枥,志在千里。烈士暮年,壮心不已。",
"老当益壮,宁移白首之心。穷且益坚,不坠青云之志。",
"我们必须拿我们所有的, 去换我们所没有的",
"蒹葭苍苍,白露为霜;所谓伊人,在水一方。",
"数风流人物,还看今朝!"
],
/*在这里配置首页的见面信息你可以内嵌HTML标签以调整格式*/
welcome: "青青子衿,悠悠我心<br>" +
"但为君故,沉吟至今<br>" +
"你好,我是卢本伟,南昌大学软件工程大二在读生<br>" +
"很高兴见到你!",
/*在这里配置关于我的信息你可以内嵌HTML标签以调整格式*/
about: "<p>你好我叫卢本伟性别男南昌大学软件学院大二在读。我期望的工作岗位是Go/Java后端开发。</p>" +
"<p>我有着较多的Java编程经验计算机基础知识掌握扎实能够在工作中很好的完成自己的任务。此外我有着充满激情的工作态度团队协同作战能力强同时我也具备独立开发的能力擅于发现并解决问题。我的执行力强、责任感高、集体荣誉感强、敢于担当能够接受加班或出差等安排</p>" +
"<p>十分期待与您的联系!</p>",
/**
* 在这里配置你的技能点
* ["技能点", 掌握程度, "技能条颜色"]
*/
skills: [
["Java", 80, "red"],
["GoLang", 77, "blue"],
["SQL", 75, "#1abc9c"],
["HTML5", 67, "rgba(0,0,0)"],
["CSS3", 60, "yellow"],
["JavaScript", 70, "pink"]
],
/*这里填写你的技能描述你可以内嵌HTML标签以调整格式*/
skills_description: "<ul>" +
" <li>操作系统、计算机网络等编程基础知识良好。</li>" +
" <li>熟练掌握Java基础。</li>" +
" <li>熟悉JavaIO、多线程、集合等基础框架。</li>" +
" <li>了解JVM原理。</li>" +
" <li>熟悉Go语言开发基本知识。</li>" +
" <li>熟悉SQL语句编写以及调优。</li>" +
" <li>熟悉基本Linux命令操作。</li>" +
" <li>熟悉Spring、ibatis、struts等框架的使用了解其原理与机制。</li>" +
" <li>熟悉缓存、消息等机制。</li>" +
" <li>了解分布式系统的设计与应用。</li>" +
" <li>熟悉HTML、CSS、JavaScript以及相应前端知识。</li>" +
" </ul>",
/**
* 这里填写你的个人作品展示
* ["img""url", "ProjectName", "brief"]
* img表示您的作品图片链接url表示您的项目地址ProjectName表示您的仓库或作品名称brief是一句简短的介绍
* 通过查看实际效果以调整字题长度
*/
portfolio: [
["./images/pro-1.png", "http://1.15.234.109:8000/", "个人博客", "这里记录了我的Java后端学习笔记<br>持续更新"],
["./images/pro-2.png", "https://github.com/happysnaker/Gobang", "智能人机对战五子棋", "采用C++编写的智能五子棋人机对战<br>2021/7/23"],
["https://pic3.zhimg.com/80/v2-d9766956d5c85c2780e4c5008fd946ca_1440w.jpg", "https://github.com/happysnaker/StudentsManageSystem", "学生管理系统", "C语言+AVL树+多重双向表实现"]
],
/**
* 这里填写您的工作经历
* ["日期" "工作" "介绍"]
* 你可以内嵌HTML标签以排版格式
*/
work: [
//如果您内有工作经历,您可以采取下列写法
// ["————————", "", "<p>暂无工作经历,期待您的联系。</p>"]
["2020/7/1 — 2021/8/10", "<br>阎王殿实习生",
"<p><strong>阎王殿研发部</strong></p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>"
],
["2020/7/1 — 2021/8/10", "<br>阎王殿实习生",
"<p><strong>阎王殿研发部</strong></p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>" +
"<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>"
]
],
/**
* 这里填写你的其他经历
* ["日期" "经历" "介绍"]
* 建议填写您的校级及以上得奖经历或或其他证书
*/
others: [
["2021-04-28", "第十二届蓝桥杯大学生A组省三等奖", "大一下学期我参与第十二届蓝桥杯大学生A组然比赛一改以往暴力题半数以上DP仅取得省级三等奖。"],
["2021-04-24", "第六届团队程序设计天梯赛个人国家三等奖", "大一下学期,我通过面向全年级的选拔,获得入队名额,在个人赛中获得全国三等奖。"],
["2021-04-24", "第六届团队程序设计天梯赛团体国家二等奖", "大一下学期,我通过面向全年级的选拔,获得入队名额,跟随团队取得团体国家二等奖的成绩。"],
["2020-11-14", "2020级南昌大学程序设计正式赛三等奖", "大一上学期,我参与校举办的面向全校程序设计大赛并获得三等奖,"]
],
/**
* 在这里填写您的社交网络平台
* ["img", "url", "desc"]
* img是社交平台的图标在./svg目录下我们已经准备好了 微博、简书、掘金、小红书、知乎、csdn、facebook、github、力扣、CF和qq的图标
* url是您链接
* desc是一段描述将鼠标移入将会显示该描述
* 建议您放置数量 <= 5
*/
icon: [
["./svg/LeetCode.svg", "https://leetcode-cn.com/u/happysnaker/", "我的力扣主页"],
["./svg/github.svg", "https://github.com/happysnaker", "我的GitHub主页"],
["./svg/博客.svg", "http://1.15.234.109:8000", "我的个人博客"],
["./svg/掘金.svg", "https://juejin.cn/user/3853167638625000", "我的掘金主页"],
["./svg/知乎.svg", "https://www.zhihu.com/people/tian-xia-you-dao-81", "我的知乎主页"]
],
//这是一些图片链接,建议您仅更改第二个头像图片
url: [
//背景图、头像、作品展示背景、其他经历背景
"./images/intro-bg.jpg",
"./images/2.jpg",
"./images/work-bk.png",
"./images/4.jpg"
]
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 340 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 914 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 340 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1019 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 562 KiB

View File

@@ -0,0 +1,523 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta target="_blank">
<link rel="shortcut icon" href="./images/2.jpg" type="image/x-icon">
<link rel="stylesheet" href="./CSS/bootstrap.min.css">
<link rel="stylesheet" href="./CSS/personal-info-main.css">
<link rel="stylesheet" href="./CSS/personal-info-animate.css">
<link rel="stylesheet" href="./CSS/animate.min.css">
<link href="./CSS/aos.css" rel="stylesheet">
<title>关于我</title>
</head>
<body>
<div class="fakeLoader"></div>
<div class="profile-page">
<div class="page-header">
<nav class="navbar navbar-expand-md bg-primary navbar-dark">
<div class="container-fluid container">
<a class="navbar-brand log" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
<ul class="nav navbar-nav">
<li class="nav-item"><a class="nav-link" href="#about">基本资料</a></li>
<li class="nav-item"><a class="nav-link" href="#skill">专业技能</a></li>
<li class="nav-item"><a class="nav-link" href="#project">项目经验</a></li>
<li class="nav-item"><a class="nav-link" href="#work">工作经历</a></li>
<li class="nav-item"><a class="nav-link" href="#others">其他经历</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">联系方式</a></li>
</ul>
</div>
</div>
</nav>
<a href="#about" class="go" title="Read More">
<svg t="1628741268385" class="j-icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="5238" width="32" height="32">
<path
d="M780.190476 498.070349c0 4.534857-2.21054 9.638603-5.461333 13.003175l-255.024762 263.476825c-3.299556 3.397079-8.208254 5.640127-12.580571 5.640127-4.388571 0-9.313524-2.275556-12.580572-5.640127l-255.024762-263.476825a19.732317 19.732317 0 0 1-5.461333-13.003175c0-4.518603 2.21054-9.622349 5.461333-12.98692l27.355429-28.265651c3.299556-3.397079 7.671873-5.640127 12.580571-5.640127 4.388571 0 9.313524 2.275556 12.564318 5.640127L507.12381 679.042032l215.105015-222.224254c3.283302-3.397079 8.192-5.640127 12.564318-5.640127 4.388571 0 9.313524 2.275556 12.580571 5.640127l27.355429 28.281905c3.283302 3.380825 5.461333 8.452063 5.461333 12.970666z m0-217.120508c0 4.534857-2.21054 9.638603-5.461333 13.003175l-255.024762 263.476825c-3.299556 3.397079-8.208254 5.640127-12.580571 5.640127-4.388571 0-9.313524-2.275556-12.580572-5.640127l-255.024762-263.476825a19.732317 19.732317 0 0 1-5.461333-13.003175c0-4.518603 2.21054-9.622349 5.461333-12.98692l27.355429-28.265651c3.299556-3.397079 7.671873-5.640127 12.580571-5.640127 4.388571 0 9.313524 2.275556 12.564318 5.640127L507.12381 461.937778l215.105015-222.224254c3.283302-3.397079 8.192-5.640127 12.564318-5.640127 4.388571 0 9.313524 2.275556 12.580571 5.640127l27.355429 28.281905c3.283302 3.380825 5.461333 8.452063 5.461333 12.970666z"
p-id="5239" fill="#1296db"></path>
</svg>
</a>
<div class="page-header-mask"></div>
<div class="page-header-particles" id="particles-js"></div>
<div class="container">
<div class="col-sm-12 .col-xs-12">
<div class="left-content">
<div class="row-no-use" style="height: 40px;"></div>
<div class="personalImage">
<a href="javascript:void(0)">
<img class="myphoto" src="" alt="个人图片">
</a>
</div>
<div class="name-container">
<h2 class="name"><br></h2>
</div>
<div class="motto-container">
<p class="motto"></p>
</div>
<div class="intro-container bb">
<span class="info self-intro ">
青青子衿,悠悠我心<br>
但为君故,沉吟至今<br>
相遇即是缘分<br>
很高兴见到你!
</span>
</div>
<div id="myButtons2" class="bs-example">
<a href="#contact" class="hvr-bounce-to-right animate__backInRight">联系我</a>
</div>
</div>
</div>
</div>
</div>
<section class="about-section" id="about">
<div class="container">
<h2 class="section-title" data-aos="fade-up" data-aos-offset="10">基本资料</h2>
<div class="card" data-aos="fade-up" data-aos-offset="100">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="card-body">
<div class="h4 mt-0 title">关于我</div>
<span class="me"></span>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="card-body">
<div class="h4 mt-0 title">基本信息</div>
<div class="row">
<div class="col-sm-4 col-xs-4"><strong>姓名:</strong></div>
<div class="col-sm-8 col-xs-8 gg name"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><strong>性别:</strong></div>
<div class="col-sm-8 sex"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><strong class="text-uppercase">年龄:</strong></div>
<div class="col-sm-8 age"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><strong class="text-uppercase">电话:</strong></div>
<div class="col-sm-8 phone"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><strong class="text-uppercase">邮箱:</strong></div>
<div class="col-sm-8 email"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><strong class="text-uppercase">地址:</strong></div>
<div class="col-sm-8 address"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><strong class="text-uppercase">期望岗位:</strong></div>
<div class="col-sm-8 for-work"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="skill-section" id="skill">
<div class="container">
<h2 class="section-title" data-aos="fade-up" data-aos-offset="10">专业技能</h2>
<div class="card" data-aos="fade-up" data-aos-offset="100" data-aos-anchor-placement="top-bottom">
<div class="row">
<div class="col-lg-6 col-md-12 p">
<div class="card-body skill-body">
<!-- <div class="progress_bar">
<div class="pro-bar">
<small class="progress_bar_title">
Java
<span class="progress_number">%</span>
</small>
<span class="progress-bar-inner p-a"
style="background-color: #1abc9c; width: 80%;" data-value="80"
data-percentage-value="80"></span>
</div>
</div>
<div class="progress_bar">
<div class="pro-bar">
<small class="progress_bar_title">
GoLang
<span class="progress_number">%</span>
</small>
<span class="progress-bar-inner p-a"
style="background-color: #bc1a99; width: 77%;" data-value="77"
data-percentage-value="77"></span>
</div>
</div>
<div class="progress_bar">
<div class="pro-bar">
<small class="progress_bar_title">
SQL
<span class="progress_number">%</span>
</small>
<span class="progress-bar-inner p-a"
style="background-color: #cedf3c; width: 75%;" data-value="75"
data-percentage-value="75"></span>
</div>
</div>
<div class="progress_bar">
<div class="pro-bar">
<small class="progress_bar_title">
HTML5
<span class="progress_number">%</span>
</small>
<span class="progress-bar-inner p-a"
style="background-color: #ec1b1b; width: 67%;" data-value="67"
data-percentage-value="67"></span>
</div>
</div>
<div class="progress_bar">
<div class="pro-bar">
<small class="progress_bar_title">
CSS3
<span class="progress_number">%</span>
</small>
<span class="progress-bar-inner p-a"
style="background-color: #c95a11; width: 60%;" data-value="60"
data-percentage-value="60"></span>
</div>
</div>
<div class="progress_bar">
<div class="pro-bar">
<small class="progress_bar_title">
JavaScript
<span class="progress_number">%</span>
</small>
<span class="progress-bar-inner p-a"
style="background-color: #2a1abc; width: 70%;" data-value="70"
data-percentage-value="70"></span>
</div>
</div> -->
</div>
</div>
<div class="col-lg-6 col-md-12 skill-about">
<div class="card-body">
<div class="h4 mt-0 title">技能描述</div>
<div class="desc">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="portfolio-section" id="project">
<div class="tab-content gallery mt-5">
<h2 class="section-title" data-aos="fade-up" data-aos-offset="10">作品展示</h2>
<div class="container">
<div class="ml-auto mr-auto portfolio-section-main-container">
<!-- <div class="row">
<div class="col-md-4">
<div class="porfolio-image img-raised" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<a href="#web-development" title="点击查看详细信息">
<figure class="portfolio-section-main"><img src="./images/index_background.jpg"
alt="Image" />
<figcaption>
<div class="h4">Project2</div>
<p>qrwqrqrwq</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4">
<div class="porfolio-image img-raised" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<a href="#web-development" title="点击查看详细信息">
<figure class="portfolio-section-main"><img src="./images/index_background.jpg"
alt="Image" />
<figcaption>
<div class="h4">Project3</div>
<p>qwrwqrqwrwqrqwsa</p>
</figcaption>
</figure>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="porfolio-image img-raised" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<a href="#web-development" title="点击查看详细信息">
<figure class="portfolio-section-main">
<img src="./images/index_background.jpg" alt="Image" />
<figcaption>
<div class="h4">Project1</div>
<p>qeweq</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4">
<div class="porfolio-image img-raised" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<a href="#web-development" title="点击查看详细信息">
<figure class="portfolio-section-main"><img src="./images/index_background.jpg"
alt="Image" />
<figcaption>
<div class="h4">Project2</div>
<p>qrwqrqrwq</p>
</figcaption>
</figure>
</a>
</div>
</div>
<div class="col-md-4">
<div class="porfolio-image img-raised" data-aos="fade-up"
data-aos-anchor-placement="top-bottom">
<a href="#web-development" title="点击查看详细信息">
<figure class="portfolio-section-main"><img src="./images/index_background.jpg"
alt="Image" />
<figcaption>
<div class="h4">Project3</div>
<p>qwrwqrqwrwqrqwsa</p>
</figcaption>
</figure>
</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
</section>
<section class="experience-section" id="work">
<div class="container">
<h2 class="section-title" data-aos="fade-in" data-aos-offset="10">工作经历</h2>
<!-- <div class="card">
<div class="row">
<div class="col-md-3 bg-primary" data-aos="fade-right" data-aos-offset="50"
data-aos-duration="500">
<div class="card-body">
<p class="time">
2020/7/1 — 2021/8/10
</p>
<strong class="work"><br> 阎王殿实习生</strong>
</div>
</div>
<div class="col-md-9" data-aos="fade-left" data-aos-offset="50" data-aos-duration="500">
<div class="card-body">
<p><strong>阎王殿研发部</strong></p>
<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>
<p>随着阴历7月15中元节的到来阎王殿的任务愈发庞大我以及我所在小组主要负责阎王谱后台部分拟在解决千万访问并发问题经过不械努力使得产品稳定、高效的运行。</p>
</div>
</div>
</div>
</div> -->
</div>
</section>
<section class="others-section" id="others">
<div class="container" data-aos="fade-up" data-aos-offset="100">
<h2 class="section-title">其它经历</h2>
<div class="col-sm-12 col-xs-12">
<div class="content-timeline-border">
<div class="timeline-left">
<span></span>
<ul class="timeul">
<!-- <li>
<div class="time-title">2021-02-15</div>
<span></span>
<div class="time-content">
<h5>蓝桥杯省三等奖</h5>
<p>emmmmm。</p>
</div>
</li>
<li>
<div class="time-title">你爱我</div>
<span></span>
<div class="time-content">
<h5>团队程序设计天梯赛团队省二等奖,个人全国三等奖</h5>
</div>
</li> -->
</ul>
</div>
<div class="timeline-right">
<span></span>
<ul class="timeul">
<!-- <li>
<div class="time-title">2021-06-15</div>
<span></span>
<div class="time-content">
<h5>校赛三等奖</h5>
<p></p>
</div>
</li> -->
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="contact-section" id="contact">
<div class="container">
<h2 class="section-title" data-aos="fade-in" data-aos-offset="10">联系我</h2>
<div class="main">
<div class="row">
<div class="col-md-12">
<div class="card mb-0" data-aos="zoom-in" data-aos-offset="100">
<div class="row">
<div class="col-sm-6 col-xm-12 col-md-6">
<div class="card-body">
<p><strong>邮件联系我</strong></p>
<div class="row mb-3">
<div class="col">
<div class="input-group"><span class="input-group-addon"><svg
t="1628783460111" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="2051" width="16" height="16">
<path
d="M550.079952 1023.808H229.120354A132.607834 132.607834 0 0 1 96.00052 891.712165V132.097115A132.479834 132.479834 0 0 1 229.120354 0.00128h565.759292c73.471908 0 133.119834 59.071926 133.119834 132.095835v627.519215c1.919998 126.143842-127.80784 265.471668-266.239667 264.19167H550.079952V1024h75.391906v-195.071756c0-48.447939 11.519986-61.119924 58.879927-61.119924h241.407698l-0.639999-74.239907-110.591862 1.151999H636.991844c-81.471898-1.151999-87.167891 54.335932-86.911892 75.903905l-0.255999 9.855987v11.711986l0.255999 231.61571zM337.472218 341.312853h349.055564a35.839955 35.839955 0 0 0 34.943956-36.607954 35.775955 35.775955 0 0 0-34.943956-36.543954H337.472218a35.775955 35.775955 0 0 0-34.943956 36.543954c0 20.223975 15.67998 36.607954 34.943956 36.607954z m104.703869 121.855848H337.472218a35.775955 35.775955 0 0 0-34.943956 36.543954c0 20.159975 15.67998 36.543954 34.943956 36.543955h168.703789a35.839955 35.839955 0 0 0 34.943957-36.543955 35.839955 35.839955 0 0 0-34.943957-36.607954h-63.99992z"
p-id="2052">
</path>
</svg>
</span>
<input class="form-control subject" type="text" name="Subject"
placeholder="主题" />
</div>
</div>
</div>
<div class="row mb-3">
<div class="col">
<div class="input-group">
<textarea class="form-control message" name="message"
placeholder="message" rows="5"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col">
<button class="btn btn-primary send-btn">Send</button>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card-body">
<p class="mb-0"><strong>电话</strong></p>
<p class="pb-2 phone"></p>
<p class="mb-0"><strong>邮箱</strong></p>
<p class="pb-2 email"></p>
<p class="mb-0"><strong>地址</strong></p>
<p class="pb-2 address"></p>
<p class="mb-0"><strong>QQ</strong></p>
<p class="qq"></p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<dic class="card-body">
<div class="container text-center icon-insert">
<!-- <a class="my-tooltip" href="#" title="访问我的CSDN主页">
<img src="./svg/csdn.svg" alt="我的CSDN主页">
<span class="my-tooltiptext">我的CSDN主页</span>
</a>
<a class="my-tooltip" href="#" title="访问我的CSDN主页">
<img src="./svg/github.svg" alt="">
<span class="my-tooltiptext">我的Github主页</span>
</a> -->
</div>
</dic>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="footer">
<div style="padding: 20px;" class="container">
中网文2018)228-024号 | Copyright 2020-2030 me.com All Rights Reserved| 郑公备41011002002133215 | 豫公网安备
x-41010202002051号
</div>
</section>
</body>
<script src="./JS/jquery-3.6.0.js">
</script>
<script src="./JS/popper.min.js">
</script>
<script src="./JS/bootstrap.min.js">
</script>
<script src="./JS/particles.min.js"></script>
<script src="./JS/app.js"></script>
<script src="./JS/aos.js"></script>
<script src="./JS/personal-info-main.js"></script>
<script>
AOS.init();
</script>
</html>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628853225096" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9226" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M503.149 43.485c-265.206 0-479.885 214.685-479.885 479.885s214.685 479.885 479.885 479.885c265.206 0 479.885-214.685 479.885-479.885 0-265.206-214.685-479.885-479.885-479.885zM631.931 520.851h-83.312v300.556h-123.76v-300.556h-63.151v-103.536h63.151v-63.151c0-83.312 35.363-133.841 133.841-133.841h83.312v103.536h-50.525c-37.866 0-40.39 15.168-40.39 40.39v50.525h93.426l-12.622 106.081z" fill="#707070" p-id="9227"></path></svg>

After

Width:  |  Height:  |  Size: 802 B

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628903547878" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1626" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M1023.522548 511.96634c0 163.697987 0 327.395973 0.477452 491.093959 0 17.051874-3.887827 20.939701-20.939701 20.871494q-491.09396-0.81849-982.187919 0c-17.051874 0-20.939701-3.81962-20.871493-20.871494q0.81849-491.09396 0-982.187919C-0.067321 3.820506 3.820506-0.067321 20.87238 0.000887q491.09396 0.81849 982.187919 0c17.051874 0 21.007908 3.81962 20.939701 20.871493-0.477452 163.697987-0.477452 327.395973-0.477452 491.09396z" fill="#FEFEFE" p-id="1627"></path><path d="M454.876667 321.735638c-61.386745 61.386745-124.819715 121.068303-184.774103 184.160235-44.403079 46.722134-40.924497 113.906516 5.593015 161.924591 55.179863 56.680428 111.996706 111.723876 168.063266 167.449399 21.212531 21.962813 20.939701 47.063171 5.388392 70.390134-14.391781 21.485361-35.058652 34.649407-63.091932 22.576681a132.663577 132.663577 0 0 1-35.67252-25.577811c-51.769488-52.315148-104.766711-103.470769-155.990539-156.399784-89.897478-92.8304-90.92059-232.451141-0.477453-324.667673C320.985355 291.72434 449.965727 163.903496 578.400439 35.536991c28.30611-28.30611 63.842215-30.147713 87.032763-6.002259s21.007908 55.657315-6.411504 84.509085q-43.175344 45.426191-86.691726 90.443138c-30.693372 47.608831-71.822492 84.645501-117.453305 117.248683z" fill="#070706" p-id="1628"></path><path d="M677.028476 641.014919H493.413901c-40.924497 0-70.185512-24.75932-69.503437-58.112785 0.613867-32.262145 27.965073-55.998353 68.207495-56.134768q187.02495-0.886697 374.049899 0c39.833177 0 62.34165 22.031021 62.682687 56.475805 0 35.740727-23.054133 57.294295-64.933534 57.70354-62.137027 0.54566-124.546885 0.068207-186.888535 0.068208z" fill="#B4B2B1" p-id="1629"></path><path d="M386.055305 928.100263c60.568255-7.366409 79.052486-37.241292 57.70354-92.966815 63.842215 33.48988 110.837178 26.055263 162.470252-25.57781 26.464508-26.464508 52.519771-53.338261 79.598146-79.188901s57.43071-26.464508 81.439748-2.7283 23.531586 54.565996-1.978017 81.439748c-34.103747 35.195067-67.457212 70.594757-103.470769 103.266147-76.938054 69.776267-199.916166 75.914941-275.7629 15.755931z" fill="#EAA240" p-id="1630"></path><path d="M454.876667 321.735638a1295.942393 1295.942393 0 0 1 117.453305-117.248683c89.692855 27.828658 142.349041 101.151714 202.371636 164.925721 19.575551 20.871493 11.663482 53.747506-10.776784 72.777397a53.338261 53.338261 0 0 1-73.868717-2.18264 821.627477 821.627477 0 0 1-74.414376-74.277961c-44.130249-52.315148-96.854642-66.502307-160.765064-43.993834z" fill="#EAA340" p-id="1631"></path></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628851721163" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6077" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M505.976471 930.635294c0 51.2-75.294118 93.364706-168.658824 93.364706s-168.658824-42.164706-168.658823-93.364706c0-51.2 75.294118-93.364706 168.658823-93.364706s168.658824 42.164706 168.658824 93.364706z m180.705882-93.364706c-93.364706 0-168.658824 42.164706-168.658824 93.364706 0 51.2 75.294118 93.364706 168.658824 93.364706s168.658824-42.164706 168.658823-93.364706c3.011765-51.2-72.282353-93.364706-168.658823-93.364706z" fill="#D1E8FF" p-id="6078"></path><path d="M888.470588 518.023529s-12.047059-12.047059-27.105882-24.094117v-117.458824C861.364706 183.717647 704.752941 0 512 0 364.423529 0 162.635294 102.4 162.635294 373.458824v117.458823c-15.058824 12.047059-27.105882 24.094118-27.105882 24.094118-24.094118 33.129412-75.294118 90.352941-75.294118 171.670588S84.329412 783.058824 90.352941 783.058824c9.035294 0 36.141176-6.023529 72.282353-60.235295 48.188235 153.6 183.717647 265.035294 349.364706 265.035295 162.635294 0 301.176471-111.435294 349.364706-268.047059 36.141176 54.211765 63.247059 60.235294 72.282353 60.235294 9.035294 0 30.117647-15.058824 30.117647-96.376471s-54.211765-132.517647-75.294118-165.647059z" fill="#D1E8FF" p-id="6079"></path><path d="M256 575.247059c-3.011765 21.082353-3.011765 39.152941-3.011765 60.235294 0 186.729412 117.458824 310.211765 265.035294 310.211765s265.035294-120.470588 265.035295-310.211765c0-21.082353 0-39.152941-3.011765-60.235294H256zM421.647059 156.611765c-39.152941 0-69.270588 42.164706-69.270588 93.364706 0 51.2 30.117647 93.364706 69.270588 93.364705s69.270588-42.164706 69.270588-93.364705-33.129412-93.364706-69.270588-93.364706z" fill="#D1E8FF" p-id="6080"></path><path d="M430.682353 289.129412c-15.058824 0-24.094118-18.070588-24.094118-39.152941 0-21.082353 12.047059-39.152941 24.094118-39.152942 15.058824 0 24.094118 18.070588 24.094118 39.152942 3.011765 24.094118-9.035294 39.152941-24.094118 39.152941zM605.364706 156.611765c-39.152941 0-69.270588 42.164706-69.270588 93.364706 0 51.2 30.117647 93.364706 69.270588 93.364705 39.152941 0 69.270588-42.164706 69.270588-93.364705 0-51.2-30.117647-93.364706-69.270588-93.364706z" fill="#D1E8FF" p-id="6081"></path><path d="M593.317647 289.129412c-15.058824 0-24.094118-18.070588-24.094118-39.152941 0-21.082353 12.047059-39.152941 24.094118-39.152942 15.058824 0 24.094118 18.070588 24.094118 39.152942 0 24.094118-12.047059 39.152941-24.094118 39.152941z" fill="#D1E8FF" p-id="6082"></path><path d="M234.917647 557.176471c-6.023529 30.117647-21.082353 141.552941-12.047059 174.682353 6.023529 30.117647 33.129412 27.105882 72.282353 27.105882 36.141176 0 81.317647 9.035294 81.317647-36.141177s0-105.411765 12.047059-138.541176c9.035294-36.141176-153.6-27.105882-153.6-27.105882z" fill="#00AAEE" p-id="6083"></path><path d="M228.894118 623.435294l150.588235 48.188235c0-36.141176 3.011765-72.282353 9.035294-90.352941 12.047059-33.129412-150.588235-24.094118-150.588235-24.094117-3.011765 12.047059-6.023529 36.141176-9.035294 66.258823z" fill="#1C9DE5" p-id="6084"></path><path d="M512 475.858824c117.458824 0 210.823529-42.164706 210.823529-69.270589 0-21.082353-93.364706-39.152941-210.823529-39.152941s-210.823529 18.070588-210.823529 39.152941c0 27.105882 93.364706 69.270588 210.823529 69.270589z" fill="#D1E8FF" p-id="6085"></path><path d="M515.011765 502.964706s135.529412 0 240.941176-42.164706c108.423529-45.176471 105.411765-51.2 117.458824-51.2 12.047059 0 24.094118 18.070588 30.117647 45.176471 6.023529 30.117647 12.047059 54.211765-12.047059 69.270588-24.094118 15.058824-189.741176 108.423529-373.458824 108.423529h-9.035294c-183.717647 0-349.364706-96.376471-373.458823-108.423529s-18.070588-39.152941-12.047059-69.270588c6.023529-30.117647 21.082353-45.176471 30.117647-45.176471 12.047059 0 12.047059 6.023529 117.458824 51.2s243.952941 42.164706 243.952941 42.164706z" fill="#00AAEE" p-id="6086"></path></svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628903582648" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2061" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M192 320a64 64 0 0 1 64 64v448a64 64 0 0 1-64 64H64c-35.296 0-64-28.672-64-64V384c0-35.328 28.704-64 64-64h128z m384-192a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64h-128c-35.296 0-64-28.672-64-64V192c0-35.328 28.704-64 64-64h128z m384 320a64 64 0 0 1 64 64v320a64 64 0 0 1-64 64h-128a64 64 0 0 1-64-64V512a64 64 0 0 1 64-64h128z" fill="#1F8ACB" p-id="2062"></path></svg>

After

Width:  |  Height:  |  Size: 741 B

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628767742259" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3944" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 0c282.784 0 512 229.216 512 512s-229.216 512-512 512S0 794.784 0 512 229.216 0 512 0z m189.952 752l11.2-108.224c-31.904 9.536-100.928 16.128-147.712 16.128-134.464 0-205.728-47.296-195.328-146.304 11.584-110.688 113.152-145.696 232.64-145.696 54.784 0 122.432 8.8 151.296 18.336L768 272.704C724.544 262.24 678.272 256 599.584 256c-203.2 0-388.704 94.88-406.4 263.488C178.336 660.96 303.584 768 535.616 768c80.672 0 138.464-6.432 166.336-16z" fill="#CE000D" p-id="3945"></path></svg>

After

Width:  |  Height:  |  Size: 862 B

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628767770622" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4739" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M960 512a435.2 435.2 0 0 1-85.76 263.36 440 440 0 0 1-220.48 161.92 26.88 26.88 0 0 1-23.04-4.16 22.72 22.72 0 0 1-7.04-17.6v-122.88a104.64 104.64 0 0 0-30.4-82.88 416 416 0 0 0 59.52-10.24 218.24 218.24 0 0 0 54.72-23.04 164.8 164.8 0 0 0 47.04-38.4 184 184 0 0 0 32-61.44 293.76 293.76 0 0 0 12.16-88 168.64 168.64 0 0 0-46.4-120 154.88 154.88 0 0 0-4.48-119.04 76.48 76.48 0 0 0-47.04 6.4 300.48 300.48 0 0 0-53.76 25.6l-22.08 13.76a416 416 0 0 0-224 0c-6.4-4.48-14.4-9.28-24.64-15.68A326.08 326.08 0 0 0 326.4 256a82.88 82.88 0 0 0-50.24-8 156.8 156.8 0 0 0-4.16 120 173.76 173.76 0 0 0-46.08 120.64A288 288 0 0 0 238.08 576a196.48 196.48 0 0 0 32 61.44 152 152 0 0 0 47.04 39.04 267.84 267.84 0 0 0 54.72 23.04 414.08 414.08 0 0 0 59.84 10.24 92.48 92.48 0 0 0-28.8 60.16 99.2 99.2 0 0 1-26.56 8.32 167.36 167.36 0 0 1-32 2.88A69.12 69.12 0 0 1 303.36 768a109.44 109.44 0 0 1-32-36.48 96 96 0 0 0-28.16-30.4 80.64 80.64 0 0 0-28.8-14.08h-11.52a41.6 41.6 0 0 0-16.96 2.56q-4.8 2.88-2.88 6.72a44.16 44.16 0 0 0 5.44 8 55.36 55.36 0 0 0 7.68 7.36l4.16 2.56a78.08 78.08 0 0 1 25.6 22.08 157.76 157.76 0 0 1 18.24 29.44l5.76 13.44a72.32 72.32 0 0 0 25.6 36.16 96 96 0 0 0 38.72 16.64 196.16 196.16 0 0 0 40.32 4.16 182.08 182.08 0 0 0 32-2.24l13.44-2.24v83.84a23.04 23.04 0 0 1-7.68 17.6 27.84 27.84 0 0 1-23.36 4.16 438.08 438.08 0 0 1-219.2-162.88A427.84 427.84 0 0 1 64 512a437.44 437.44 0 0 1 60.16-224A443.52 443.52 0 0 1 288 124.16 437.44 437.44 0 0 1 512 64a437.44 437.44 0 0 1 224 60.16A443.52 443.52 0 0 1 899.84 288 436.8 436.8 0 0 1 960 512z" fill="#000000" p-id="4740"></path></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628849470465" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4566" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 1024C229.2224 1024 0 794.7776 0 512S229.2224 0 512 0s512 229.2224 512 512-229.2224 512-512 512z m-229.12-443.6224c18.176-15.6416 27.264-36.1472 27.264-61.44 0-20.352-6.016-36.864-17.9456-49.6128-11.9808-12.7232-27.9296-20.224-47.872-22.5792v-0.8192c15.9744-5.2224 28.4672-14.0032 37.5552-26.3936 9.0624-12.3648 13.5936-26.9312 13.5936-43.7248 0-20.0704-7.4752-36.352-22.4768-48.896-15.0016-12.544-35.2512-18.7648-60.8256-18.7648H128.0256V603.904h86.1952c27.648 0 50.5344-7.8336 68.6848-23.5264z m-120.2176-240.896H202.496c37.8112 0 56.704 14.3872 56.704 43.1104 0 16.64-5.4272 29.5168-16.2816 38.656-10.8544 9.1648-25.7792 13.7216-44.7488 13.7216H162.6624v-95.488z m0 126.6432H202.496c47.5648 0 71.3472 17.4848 71.3472 52.3776 0 16.7936-5.6064 29.9776-16.7936 39.6032-11.2384 9.6256-26.9824 14.4384-47.36 14.4384H162.688v-106.4192z m202.9568-158.592V603.904h33.792V307.5328h-33.792z m267.1872 266.368c19.0208-20.2752 28.5696-47.2576 28.5696-80.9216 0-34.4064-8.8576-61.2864-26.496-80.64-17.6896-19.4048-42.24-29.0816-73.728-29.0816-33.024 0-59.2128 9.984-78.592 29.9008-19.3792 19.968-29.0816 47.6416-29.0816 83.1232 0 32.5632 9.3184 58.752 27.9552 78.464 18.6112 19.712 43.5456 29.5936 74.752 29.5936 32.0256 0 57.5744-10.1632 76.6208-30.4384z m-144.6912-78.8992c0-25.984 6.3232-46.3616 18.9696-61.1328 12.6464-14.7968 29.824-22.1952 51.5584-22.1952 21.8624 0 38.6816 7.168 50.432 21.4528 11.776 14.3104 17.6384 34.6624 17.6384 61.056 0 26.112-5.888 46.2592-17.664 60.416-11.7248 14.1568-28.544 21.248-50.4064 21.248-21.4528 0-38.5792-7.1936-51.3536-21.632-12.8-14.464-19.1744-34.176-19.1744-59.2128z m407.5264 87.4496v-194.2528h-33.8176v29.2608h-0.8192c-13.7728-22.8096-34.8672-34.2272-63.3344-34.2272-29.952 0-53.5808 10.5984-70.8352 31.744-17.2544 21.1968-25.856 49.7152-25.856 85.6064 0 31.616 7.9872 56.832 24.0128 75.5968 16.0256 18.7648 37.1712 28.16 63.4112 28.16 32.3328 0 56.5248-13.4912 72.6272-40.448h0.8192v23.1168c0 21.6576-3.9936 39.0656-12.0064 52.224l-17.0752 18.0736-0.7424 0.512c-5.3504 3.3024-43.1872 24.4992-97.3824-0.4096-58.5728-26.9568-141.8752-29.184-162.4064 41.3952l24.1664 18.5856s0-33.2032 37.4272-46.4896c27.8016-9.856 58.0608 2.6112 81.9968 12.8768v0.128c6.912 3.5072 14.1824 6.3744 21.8624 8.6272l0.384 0.1024a168.448 168.448 0 0 0 46.2336 6.144c74.2144 0 111.3344-38.784 111.3344-116.3264z m-51.6608-26.8032c-11.904 13.4656-27.3408 20.224-46.3104 20.224-18.688 0-33.7152-7.0656-45.056-21.1712-11.3408-14.08-17.024-32.8704-17.024-56.3968 0-27.3664 5.888-48.64 17.7408-63.8208 11.8272-15.1808 28.16-22.784 49.0752-22.784 16.9216 0 31.0272 5.9648 42.3936 17.92a60.416 60.416 0 0 1 17.024 43.1104v31.1552c0 21.0176-5.9648 38.272-17.8432 51.7632z" fill="#62AFFE" p-id="4567"></path></svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628853247004" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10740" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 512m-486.4 0a486.4 486.4 0 1 0 972.8 0 486.4 486.4 0 1 0-972.8 0Z" fill="#FF2742" p-id="10741"></path><path d="M139.5712 446.8736c3.584 34.8672 1.6384 70.144-5.7856 104.3456 0 8.704-2.8672 14.4896-5.7856 23.1936 0 0 8.704 17.408 28.9792 49.2544 37.6832-31.8464 34.816-176.7936 34.816-176.7936h-52.224z m231.8848 107.264c-5.8368-37.6832-8.704-72.448-5.8368-104.3456H313.4976s-5.8368 144.896 34.7648 176.7936c17.408-34.816 28.9792-49.2544 28.9792-49.2544-2.9184-5.8368-2.9184-14.4896-5.7856-23.1936z m-144.896 55.04h-34.816l17.408 40.6016h46.336c17.408 0 23.1936-31.8976 23.1936-31.8976V383.1808H226.5088v226.048z m234.7008-66.6624l43.52-86.9376h-43.52l26.112-72.448h-49.2544L400.384 478.7712c-2.9184 8.704 2.8672 17.408 11.5712 17.408h26.112l-28.9792 66.6624c-2.9184 8.704 2.8672 17.408 11.5712 17.408h63.744l14.4896-37.7344H461.312z m-60.8256 60.8768l-26.112 46.3872h81.152l20.3264-46.3872H400.384z m208.64-153.6h26.112V397.6192h-115.9168v49.3056h34.7648v153.6h-46.3872l-23.1936 49.2544h168.0896v-46.3872h-43.4688v-153.6z m237.6704 46.3872h-11.6224v-46.3872c2.9184-26.112-20.2752-49.2544-46.336-49.2544h-34.816V377.344h-49.2544v23.1936h-34.7648v46.336h34.816v46.3872h-49.3056v46.3872h49.2544v110.08h49.2544v-107.2128h92.7744v69.5808h-49.2544l17.408 40.5504h40.5504a38.4 38.4 0 0 0 37.632-37.6832v-69.5296c2.9184-28.9792-17.408-49.2544-46.336-49.2544z m-57.9584 0h-34.816v-49.3056h34.816v49.3056zM896 423.7312a24.9344 24.9344 0 0 0-23.1936-23.1936 24.9344 24.9344 0 0 0-23.1936 23.1936v23.1424h23.1936a24.9344 24.9344 0 0 0 23.1936-23.1424z" fill="#FFFFFF" p-id="10742"></path></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628851740396" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6933" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M438.330935 583.68a16.649209 16.649209 0 0 0-4.71482 21.585036 13.113094 13.113094 0 0 0 19.448633 1.768058 17.606906 17.606906 0 0 0 5.893525-21.585036 13.702446 13.702446 0 0 0-20.627338-1.768058z m-53.704748 14.733813a40.665324 40.665324 0 0 0-36.318849 38.307914c0 17.754245 17.017554 29.983309 38.234245 27.478561s38.307914-18.711942 38.307913-36.318849-15.986187-31.972374-40.223309-29.688633zM512 0A512 512 0 1 0 1024 512 512 512 0 0 0 512 0z m230.436835 631.71223c-46.264173 98.642878-199.716835 146.748777-313.240864 138.129497-107.92518-8.471942-246.644029-44.201439-261.009496-174.89036 0 0-7.366906-58.935252 49.800288-135.698417 0 0 82.435683-115.218417 178.500143-148.074821s107.335827 22.690072 107.335828 55.325468c-5.083165 27.773237-14.733813 44.201439 21.437698 32.930072 0 0 94.51741-44.201439 133.414676-4.935827 31.383022 31.383022 5.156835 74.553094 5.156834 74.553093s-12.965755 14.733813 13.776116 19.595971 111.313957 44.12777 64.828777 143.065324z m-93.265036-272.575539a18.638273 18.638273 0 0 1 0-37.276547s115.80777-21.437698 102.031654 103.136691a6.482878 6.482878 0 0 1 0 1.989064 18.417266 18.417266 0 0 1-18.196259 15.396835 18.711942 18.711942 0 0 1-18.932949-18.785612s18.343597-82.951367-64.828777-64.5341z m195.886043 88.771223c-3.094101 21.29036-13.481439 28.067914-26.00518 28.067913-14.733813 0-26.962878-4.125468-26.962878-19.006618a79.341583 79.341583 0 0 1 5.230504-26.00518c1.54705-5.377842 14.14446-39.265612-8.324605-89.728921-41.181007-69.175252-124.132374-70.280288-133.930359-66.302158a123.469353 123.469353 0 0 1-24.45813 5.746187 27.183885 27.183885 0 0 1-27.036547-27.183885 27.55223 27.55223 0 0 1 19.74331-26.520864 1.915396 1.915396 0 0 1 0.663021-1.178705 30.425324 30.425324 0 0 1 2.578418-2.431079c11.566043-2.210072 52.74705-12.965755 92.823021-3.609784 71.606331 16.796547 169.954532 100.263597 125.679425 228.153094zM437.594245 465.367482c-112.713669 5.156835-203.842302 65.565468-203.842303 140.855252S324.880576 737.943022 437.594245 733.007194s204.063309-76.026475 204.063309-151.24259-91.275971-121.33295-204.063309-116.397122z m76.836834 189.403165c-34.477122 44.201439-103.136691 66.302158-169.438849 30.425324a58.935252 58.935252 0 0 1-30.425324-50.757985S301.748489 528.207194 415.12518 514.946763 548.834532 610.200863 514.431079 654.770647z" fill="#F3260B" p-id="6934"></path></svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628849324803" class="icon" viewBox="0 0 1272 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2809" width="39.75" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M729.64116345 165.27693991L634.32650881 90.125l-99.5625 78.52693991-5.17887981 4.16056009 104.74137981 83.50215546 105.09051682-83.50215546-9.77586218-7.53556009z m361.21228445 291.47198236l-456.78879245 360.19396555-456.49784537-359.99030128L110.125 511.12715547l523.93965546 413.11745671 524.23060335-413.35021555-67.44181091-54.14547436z m-456.78879245 29.21120673L385.4784479 290.00646554 318.06573237 344.12284454l315.96982771 249.16810336 316.28987101-249.40086136-67.41271555-54.14547436-248.84806008 196.21551682z" fill="#006cff" p-id="2810"></path></svg>

After

Width:  |  Height:  |  Size: 941 B

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628849417800" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3749" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 1024C229.236364 1024 0 794.763636 0 512S229.236364 0 512 0s512 229.236364 512 512-229.236364 512-512 512z m-129.861818-756.48s-36.212364 2.094545-48.989091 24.482909c-12.8 22.365091-54.318545 137.378909-54.318546 137.378909s13.847273 6.376727 37.28291-10.658909c23.435636-17.035636 30.882909-46.848 30.882909-46.848l42.589091-2.117818 1.070545 121.390545s-73.495273-1.070545-88.413091 0c-14.894545 1.047273-23.412364 40.448-23.412364 40.448h111.825455s-9.588364 67.095273-38.353455 116.084364c-28.741818 48.989091-83.060364 87.319273-83.060363 87.319273s39.424 15.965091 77.730909-6.4c38.353455-22.341818 66.629818-120.692364 66.629818-120.692364l89.925818 110.056727s8.192-52.386909-1.466182-67.188363c-9.658182-14.778182-62.208-74.286545-62.208-74.286546l-22.946909 20.247273 16.337455-65.117091h97.954909s0-38.353455-19.153455-40.494545c-19.176727-2.094545-78.801455 0-78.801454 0V371.898182h88.389818s-1.070545-39.400727-18.106182-39.400727h-143.755636l22.341818-64.954182z m169.984 61.184v358.562909h36.002909l13.102545 45.009455 63.348364-45.009455h89.064727V328.704h-201.518545z" fill="#0E87EA" p-id="3750"></path><path d="M594.781091 368.64h117.899636v277.876364h-41.890909l-53.364363 40.261818-11.636364-40.261818h-11.008V368.64z" fill="#0E87EA" p-id="3751"></path></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1628851757330" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7755" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M63.999939 64.0004C6.399994 121.600345 0 169.6003 0 511.999974s6.399994 390.399629 63.999939 447.999575S169.599839 1023.999488 511.999514 1023.999488c515.199511 0 511.999514 3.199997 511.999513-511.999514S1027.199024 0.000461 511.999514 0.000461C169.599839 0.000461 121.599884 6.400455 63.999939 64.0004z m287.999727 95.999909c0 15.999985 51.199951 31.99997 111.999893 31.999969s111.999894-15.999985 111.999894-31.999969c0-19.199982 28.799973-31.99997 63.999939-31.99997s63.999939 12.799988 63.999939 31.99997c0 15.999985 44.799957 31.99997 95.999909 31.999969 54.399948 0 95.999909 12.799988 95.999909 31.99997 0 15.999985-22.399979 31.99997-47.999955 31.99997s-47.999954 12.799988-47.999954 31.999969c0 15.999985 15.999985 31.99997 31.99997 31.99997 19.199982 0 31.99997 105.5999 31.999969 252.79976 0 262.399751-35.199967 339.199678-147.19986 316.799699-79.999924-15.999985-89.599915-79.999924-12.799988-99.199906 54.399948-12.799988 63.999939-41.59996 63.999939-195.199815v-179.199829l-214.399796 6.399994-217.599793 6.399993 185.599823 9.599991 185.599824 12.799988-9.599991 150.399857-9.599991 150.399857-182.399826 9.599991-185.599824 9.599991V607.999883c0-86.399918-12.799988-159.999848-31.99997-159.999848S255.999757 543.999944 255.999757 671.999822c0 179.19983-9.599991 223.999787-47.999955 223.999788s-47.999954-47.999954-47.999954-239.999772c0-137.599869 12.799988-239.999772 31.99997-239.999772s31.99997-15.999985 31.999969-31.99997c0-19.199982-22.399979-31.99997-47.999954-31.99997-63.999939 0-60.799942-51.199951 9.599991-143.999863 54.399948-76.799927 166.399842-108.799897 166.399842-47.999954z" fill="#E45B43" p-id="7756"></path><path d="M275.199739 284.80019c-9.599991 15.999985 3.199997 35.199967 28.799972 44.799958 28.799973 12.799988 38.399964 3.199997 25.599976-28.799973-19.199982-51.199951-31.99997-54.399948-54.399948-15.999985zM431.99959 288.000187c9.599991 15.999985 25.599976 31.99997 35.199966 31.99997 6.399994 0 12.799988-15.999985 12.799988-31.99997 0-19.199982-15.999985-31.99997-35.199967-31.999969-15.999985 0-22.399979 12.799988-12.799987 31.999969zM623.999407 288.000187c-9.599991 15.999985 3.199997 31.99997 28.799973 31.99997 28.799973 0 51.199951-15.999985 51.199951-31.99997 0-19.199982-12.799988-31.99997-28.799972-31.999969-19.199982 0-41.59996 12.799988-51.199952 31.999969zM447.999574 543.999944c0 15.999985 28.799973 31.99997 63.99994 31.99997s63.999939-15.999985 63.999939-31.99997c0-19.199982-28.799973-31.99997-63.999939-31.99997s-63.999939 12.799988-63.99994 31.99997zM447.999574 671.999822c0 15.999985 28.799973 31.99997 63.99994 31.99997s63.999939-15.999985 63.999939-31.99997c0-19.199982-28.799973-31.99997-63.999939-31.999969s-63.999939 12.799988-63.99994 31.999969z" fill="#E45B43" p-id="7757"></path></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB