hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2025-06-07 13:54:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add friends links, add recent github activity and stats, add padding to bottom to show footer

Browse source
This commit is contained in:
Hamza Nasher-Alneam 2025-05-23 03:09:22 -04:00
parent 3b02e5258c
commit 5223d7c38c
4 changed files with 268 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

151
styles/home.css
View file

@ -84,43 +84,6 @@ a {
color: var(--theme-color);
}
.thoughts-preview a {
color: initial;
text-decoration: initial;
}
.thoughts-bit p {
padding: 0;
margin: 0;
}
.thoughts-bit {
padding: 1rem;
border-radius: .5em;
margin: .4rem 1rem;
border: solid transparent .2rem;
transition: .25s;
}
.thoughts-bit:hover {
background-color: #aaaaaa20;
border-color: var(--theme-color);
}
.thoughts-bit:hover h4 {
text-decoration: underline;
}
.thoughts {
margin: 2rem 2rem 0 0;
float: right;
color: #888;
text-decoration: none;
font-weight: 700;
font-size: 1.5rem;
font-family: monospace;
}
.funsies {
padding: .5rem 2rem;
}
@ -191,4 +154,118 @@ a {
background-color: #77777720;
}
}
}
/* People */
.people {
margin: 0 2rem;
}
.person {
display: inline-block;
border: solid .15rem;
border-color: #444;
background-color: #2a2a2a;
width: 12rem;
border-radius: .5rem;
margin: .4rem .1rem;
padding: .6rem .7rem .8rem .7rem;
text-align: center;
}
.person h4 {
margin-bottom: .3rem;
}
.person a {
margin: .4rem .1rem;
padding: .2rem .4rem;
background-color: var(--theme-color);
color: #fff;
text-decoration: none;
border-radius: .2rem;
transition: .2s;
text-shadow: 0 0 .05rem #000;
}
.person a:hover {
background-color: #fff;
color: var(--theme-color);
text-shadow: 0 0 .05rem #000;
}
/* Recent github actions */
.github-actions {
font-size: 0.9em;
line-height: 1.6;
margin: 1rem 2rem;
}
.github-event-card {
border: .15rem solid #ddd;
border-radius: .5rem;
padding: 5px 15px;
margin-bottom: 15px;
background-color: #f9f9f9;
}
.github-event-card .event-type {
margin: 5px 0;
font-size: 1.3em;
}
.github-event-card .event-details dt {
font-weight: bold;
color: #333;
float: left;
width: 120px;
clear: left;
}
.github-event-card .event-details dd {
margin-left: 130px;
color: #555;
}
.github-event-card .event-comment-body {
white-space: pre-wrap;
word-break: break-word;
font-size: 0.9em;
padding: 5px;
max-height: 100px;
overflow-y: auto;
}
.github-event-card .event-time {
font-size: 0.8em;
color: #777;
margin-left: 10px;
text-align: right;
}
@media only screen and (max-width: 700px) {
.github-event-card .event-details dt {
width: 80px;
text-align: right;
}
.github-event-card .event-details dd {
margin-left: 90px;
}
}
@media (prefers-color-scheme: dark) {
.github-event-card {
border-color: #444;
background-color: #2a2a2a;
}
.github-event-card .event-details dt {
color: #ccc;
}
.github-event-card .event-details dd {
color: #bbb;
}
.github-event-card .event-time {
color: #777;
}
}

21
styles/styles.css
View file

@ -65,18 +65,6 @@ a {
color: #bbb;
}
@media only screen and (max-width: 750px) {
.footer {
grid-template-columns: auto;
}
}
@media (prefers-color-scheme: dark) {
.footer {
background-color: #000;
}
}
@ -151,6 +139,11 @@ a {
margin: auto 1rem;
transform: scale(1.5);
}
.footer {
grid-template-columns: auto;
padding: 3rem 1rem 6rem 1rem;
}
}
@media (prefers-color-scheme: dark) {
@ -162,4 +155,8 @@ a {
.menu .item img {
filter: none;
}
.footer {
background-color: #000;
}
}