lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed about page

Browse Source
This commit is contained in:
edwark43 2023-05-11 21:52:34 +00:00
parent 586b2a88bc
commit 13ec8d0037
2 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/styles/main.css
View File

@ -21,7 +21,6 @@ body {
}
#page-container {
position: relative;
min-height: 100vh;
}
@ -92,7 +91,7 @@ body {
font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 200, "opsz" 48;
}
.materialtext {
font-size: 17px;
font-size: 20px;
}
.imglink {
width: 50px;
@ -104,23 +103,28 @@ body {
width: 50px;
}
.about {
background-color: white;
background-color: #989898;
width: 250px;
height: 250px;
border-radius: 50px;
border-radius: 10px;
float: right;
margin-right: 40px;
border-style: solid;
border-width: 1px;
margin-top: -1px;
margin-right: -1px;
}
.aboutext {
font-size: x-large;
text-align: center;
}
#aboutpg {
background-color: white;
width: 70%;
height: 100%;
background-color: #eeeeee;
width: 99%;
height: 300px;
border-radius: 25px;
float: left;
border-color: #000000;
border-style: solid;
border-width: 1px;
}
#pgt {
margin-left: 25px;
@ -134,7 +138,7 @@ ul {
background-color: hsl(0, 0%, 0%);
width: 98%;
border-radius: 50px;
margin-top: 5px;
margin-top: 10px;
}
li {
float: left;
@ -187,11 +191,11 @@ li a:hover:not(.active) {
z-index: -1;
background: transparent url("/assets/imgs/noise-transparent.png") repeat 0 0;
background-repeat: repeat;
animation: bg-animation 0.2s infinite;
animation: shake 0.2s infinite;
opacity: 0.9;
visibility: visible;
}
@keyframes bg-animation {
@keyframes shake {
0% {
transform: translate(0, 0);
}

13
p/about/index.html
View File

@ -48,15 +48,16 @@
</ul>
<div id="content-wrap">
<div id="aboutpg">
<div class="about">
<p class="aboutext">Links</p>
<a class="imglink" href="https://github.com/edwark43"
><img class="img" src="/assets/imgs/github.png" alt="github"
/></a>
</div>
<p id="pgt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur vulputate orci vel posuere. In consectetur enim turpis, quis sagittis enim luctus sed. Maecenas scelerisque dignissim viverra. Cras ullamcorper dictum ultrices. Quisque iaculis consequat neque. Mauris ut lacus ut mi sodales iaculis quis hendrerit nunc. Sed volutpat accumsan leo, eget lacinia dui faucibus ut. Maecenas sagittis bibendum tellus, in egestas mi. Donec efficitur ex ipsum, a aliquam neque pellentesque id. Donec aliquam vitae purus non tincidunt. Integer sed semper ex. Maecenas faucibus lorem facilisis metus tempor, vitae rutrum quam iaculis. Quisque hendrerit eget est tristique cursus. Integer consectetur, velit non pulvinar semper, nunc enim dictum lacus, quis ultricies odio mauris sed lectus. Aliquam erat volutpat. Mauris id enim felis. Aliquam sollicitudin, nunc a sodales iaculis, ipsum nunc luctus quam, sed maximus sem magna sit amet nisl. Phasellus porta dui ac magna eleifend viverra. Aliquam sem ipsum, rutrum non vehicula nec, pellentesque a sapien. Nulla consequat mattis facilisis. Sed tincidunt, neque id euismod dictum, magna diam tempor lacus, vitae condimentum turpis lacus lobortis metus. Nam ut mattis mi. Donec et auctor sem, vitae feugiat nibh. Sed et efficitur ligula, feugiat fermentum elit. Cras vulputate pulvinar tincidunt. In bibendum dolor nec leo venenatis, in fermentum augue mattis. Mauris varius auctor tortor sed gravida. Ut diam nisl, interdum eu tellus quis, semper bibendum leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras tortor libero, congue nec risus sit amet, eleifend pretium lorem. Quisque justo enim, malesuada et eros vel, sollicitudin molestie nibh. Cras pulvinar ex id ligula convallis vestibulum. Pellentesque velit augue, consequat a ipsum at, elementum ullamcorper augue. Maecenas volutpat turpis in mauris congue rutrum. Vivamus ultricies diam sit amet tortor laoreet, in malesuada orci facilisis. Vestibulum justo diam, posuere vehicula mi vitae, fringilla malesuada felis. Sed vehicula nunc ut leo luctus, id commodo quam gravida. Donec at lacinia ex. Cras laoreet dui eget ex ultricies suscipit in id neque. Vestibulum consequat turpis quis eleifend condimentum. Nulla tortor tortor, aliquet vel urna ac, tincidunt tincidunt est. Vivamus vestibulum efficitur luctus. Praesent porttitor dolor euismod diam eleifend, porttitor pellentesque nisl dapibus. Nulla vitae magna blandit, lobortis elit vitae, lacinia lacus. In eget tempor eros. Curabitur scelerisque lorem lectus, et posuere augue dictum vel. Nunc mollis, nunc at rutrum tincidunt, ligula ipsum finibus mi, nec efficitur urna augue eget lacus. Praesent at arcu porta, pharetra arcu vehicula, tempus neque. Curabitur luctus risus a eros aliquam, et elementum elit dignissim. Quisque in dui porta, finibus nisl eu, pellentesque ante. Morbi ac rutrum quam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam risus odio, euismod ac dapibus vitae, semper ac orci. Praesent ac sagittis ligula. Nulla ultricies nisl et vulputate tincidunt. Vivamus risus risus, fringilla quis nisl eu, tincidunt sagittis lectus. Vestibulum vitae rhoncus mi. In ultrices ultrices arcu, in ornare urna tempor ut. Nulla commodo libero molestie, viverra diam ut, aliquet dui. Phasellus ipsum ligula, tempus non vehicula ut, elementum eget mi. Praesent ut enim varius, vestibulum lacus vel, tincidunt magna. Aliquam vitae mauris at quam facilisis laoreet. In vitae nibh at mauris tristique porta et nec sem. Cras facilisis diam sodales aliquet laoreet. Phasellus at pretium odio, et sagittis ligula. Duis a ante turpis. Nam hendrerit et erat eget pulvinar. Duis libero sapien, tincidunt at erat hendrerit, venenatis volutpat orci. Donec blandit tempus augue eu commodo. Aenean ex orci, rhoncus eget cursus vel, sagittis condimentum risus. Suspendisse lacinia dictum aliquet. Aenean sit amet ante lectus. Donec vitae facilisis risus. Morbi pellentesque nulla lectus, at blandit nunc imperdiet et. Vestibulum congue vestibulum est, id placerat ante porttitor sit amet. Maecenas venenatis erat ac orci faucibus cursus id sed orci. Vivamus est sem, molestie et enim nec, ultrices condimentum neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum imperdiet accumsan mi eu scelerisque. Aliquam accumsan dapibus lorem, nec fringilla enim hendrerit a. Etiam ut justo quis ex congue ultricies nec eu leo.
</p>
</div>
<div class="about">
<p class="aboutext">Links</p>
<a class="imglink" href="https://github.com/edwark43"
><img class="img" src="/assets/imgs/github.png" alt="github"
/></a>
</div>
</div>
</body>