peter/home-page
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improvements on CSS code, added two more bookmarks and associated images; repositioned search bar to the right side.

Browse source
This commit is contained in:
Peter 2023-07-27 22:55:34 -04:00
parent 2233f5b39e
commit 977e5dfb40
2 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
start.html
View file

@ -35,8 +35,10 @@ body {
<p style="line-height: 210%" id="corners-bm"><font face="Droid Sans Font, Font Awesome, Roboto, Arial, sans-serif"><b>Bookmarks:</b></font><br> <p style="line-height: 210%" id="corners-bm"><font face="Droid Sans Font, Font Awesome, Roboto, Arial, sans-serif"><b>Bookmarks:</b></font><br>
&nbsp;&nbsp;<a href="https://odysee.com/"><img src="/home/peter/.homepage/images/odysee.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp; &nbsp;&nbsp;<a href="https://odysee.com/"><img src="/home/peter/.homepage/images/odysee.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://mail.tutanota.com"><img src="/home/peter/.homepage/images/tutanota.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp; <a href="https://mail.tutanota.com"><img src="/home/peter/.homepage/images/tutanota.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://femboyfiles.xyz/index.php/apps/news/"><img src="/home/peter/.homepage/images/news.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://femboyfiles.xyz/index.php/apps/notes/"><img src="/home/peter/.homepage/images/notes.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://peterdominguez.art"><img src="/home/peter/.homepage/images/blog.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp; <a href="https://peterdominguez.art"><img src="/home/peter/.homepage/images/blog.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://login.linode.com/login"><img src="/home/peter/.homepage/images/linode.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;&nbsp; <a href="https://login.linode.com/login"><img src="/home/peter/.homepage/images/linode.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://gitlab.com/users/sign_in"><img src="/home/peter/.homepage/images/gitlab.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp; <a href="https://gitlab.com/users/sign_in"><img src="/home/peter/.homepage/images/gitlab.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
<a href="https://github.com/login"><img src="/home/peter/.homepage/images/github.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp; <a href="https://github.com/login"><img src="/home/peter/.homepage/images/github.png" style="width:40px;height:40px;"></a>&nbsp;&nbsp;
</p><br> </p><br>

13
styles.css
View file

@ -26,7 +26,7 @@ img:hover {
padding: 10px; padding: 10px;
padding-top: 5px; padding-top: 5px;
padding-bottom: 30px; padding-bottom: 30px;
width: 350px; width: 460px;
height: 60px; height: 60px;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.19); box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.19);
text-shadow: 2px 4px 3px rgba(0,0,0,0.3); text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
@ -37,8 +37,8 @@ img:hover {
padding: 10px; padding: 10px;
padding-top: 10px; padding-top: 10px;
padding-bottom: 30px; padding-bottom: 30px;
width: 475px; width: 440px;
height: 180px; height: 150px;
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.19); box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.19);
text-shadow: 2px 4px 3px rgba(0,0,0,0.3); text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
} }
@ -60,9 +60,12 @@ a:hover {
background: #44475a; background: #44475a;
color: #f2f8f8; color: #f2f8f8;
padding: 5px; padding: 5px;
margin-left: 20px;
font-size: 17px; font-size: 17px;
border: 1px solid grey; border: 1px solid grey;
width: 32%; width: 30%;
position: absolute;
right: 12px;
} }
.topnav button[type=submit] { .topnav button[type=submit] {
background: #282a36; background: #282a36;
@ -72,4 +75,6 @@ a:hover {
border: 1px solid grey; border: 1px solid grey;
width: 5%; width: 5%;
margin-right: 5px; margin-right: 5px;
position: absolute;
right: 6px;
} }