a/andyscott-dot-me
1
0
Fork 0
mirror of https://codeberg.org/andyscott-pages/andyscott-dot-me.git synced 2024-11-09 13:50:49 -05:00
Code Issues Projects Releases Packages Wiki Activity

improving sidebar icons

Browse source
This commit is contained in:
Manuel Ernesto Garcia 2022-09-24 00:28:30 -04:00
parent 29ab98215b
commit 24122778b0
5 changed files with 44 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
src/components/SideBar.astro
View file

@ -14,8 +14,8 @@
<li><a href="/projects">Projects</a></li> <li><a href="/projects">Projects</a></li>
<li><a href="/blog/1">Blog</a></li> <li><a href="/blog/1">Blog</a></li>
<li><a href="/cv">CV</a></li> <li><a href="/cv">CV</a></li>
<li><a>Support my Work</a></li> <li><a href="https://manuelernestog.github.io/paylink/" target="_blank">Support my Work</a></li>
<li><a>Contact</a></li> <li><a href="mailto:contact.manuelernestog@gmail.com">Contact</a></li>
</ul> </ul>
<div class="grow"></div> <div class="grow"></div>
<div class="social-icons px-4 my-2 flex self-center"> <div class="social-icons px-4 my-2 flex self-center">
@ -24,12 +24,12 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
height="24" height="24"
fill="currentColor" viewBox="0 0 24 24"
class="bi bi-github" style="fill: currentColor;transform: ;msFilter:;"
viewBox="0 0 16 16" ><path
> fill-rule="evenodd"
<path clip-rule="evenodd"
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
></path> ></path>
</svg> </svg>
</a> </a>
@ -38,12 +38,10 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
height="24" height="24"
fill="currentColor" viewBox="0 0 24 24"
class="bi bi-twitter" style="fill: currentColor;transform: ;msFilter:;"
viewBox="0 0 16 16" ><path
> d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
></path> ></path>
</svg> </svg>
</a> </a>
@ -52,12 +50,10 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
height="24" height="24"
fill="currentColor" viewBox="0 0 24 24"
class="bi bi-telegram" style="fill: currentColor;transform: ;msFilter:;"
viewBox="0 0 16 16" ><path
> d="m20.665 3.717-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z"
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"
></path> ></path>
</svg> </svg>
</a> </a>
@ -67,16 +63,25 @@
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"
height="24" height="24"
fill="currentColor" viewBox="0 0 24 24"
class="bi bi-linkedin" style="fill: currentColor;transform: ;msFilter:;"
viewBox="0 0 16 16" ><circle cx="4.983" cy="5.009" r="2.188"></circle><path
> d="M9.237 8.855v12.139h3.769v-6.003c0-1.584.298-3.118 2.262-3.118 1.937 0 1.961 1.811 1.961 3.218v5.904H21v-6.657c0-3.27-.704-5.783-4.526-5.783-1.835 0-3.065 1.007-3.568 1.96h-.051v-1.66H9.237zm-6.142 0H6.87v12.139H3.095z"
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"
></path> ></path>
</svg> </svg>
</a> </a>
<a href="https://twitter.com/manuelernestog" target="_blank" class="mx-3">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
style="fill: currentColor;transform: ;msFilter:;"
><path d="M19 20.001C19 11.729 12.271 5 4 5v2c7.168 0 13 5.832 13 13.001h2z"></path><path
d="M12 20.001h2C14 14.486 9.514 10 4 10v2c4.411 0 8 3.589 8 8.001z"></path><circle cx="6" cy="18" r="2"></circle>
</svg>
</a>
</div> </div>
</div> </div>
</div> </div>

2
src/config.ts
View file

@ -1,5 +1,5 @@
// Place any global data in this file. // Place any global data in this file.
// You can import this data from anywhere in your site by using the `import` keyword. // You can import this data from anywhere in your site by using the `import` keyword.
export const SITE_TITLE = 'My personal website.'; export const SITE_TITLE = 'Manuel Ernesto Garcia';
export const SITE_DESCRIPTION = 'Welcome to my website!'; export const SITE_DESCRIPTION = 'Welcome to my website!';

4
src/layouts/BlogPost.astro
View file

@ -13,11 +13,11 @@ export interface Props {
} }
const { const {
content: { title, description, pubDate, updatedDate, heroImage }, content: { title, description, pubDate, updatedDate, heroImage }
} = Astro.props; } = Astro.props;
--- ---
<PageLayout> <PageLayout title={title} description={description} image={heroImage}>
<main class="flex justify-center"> <main class="flex justify-center">
<article class="prose prose-lg max-w-[750px] prose-img:mx-auto"> <article class="prose prose-lg max-w-[750px] prose-img:mx-auto">
{heroImage && <img src={heroImage} alt={title} class="w-full mb-6" />} {heroImage && <img src={heroImage} alt={title} class="w-full mb-6" />}

4
src/layouts/Page.astro
View file

@ -5,12 +5,14 @@ import Footer from "../components/Footer.astro";
import SideBar from "../components/SideBar.astro"; import SideBar from "../components/SideBar.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from "../config"; import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
const { image, title = SITE_TITLE, description = SITE_DESCRIPTION } = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" data-theme="lofi"> <html lang="en" data-theme="lofi">
<head> <head>
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} /> <BaseHead title={title} description={description} image={image} />
</head> </head>
<body> <body>
<div class="bg-base-100 drawer drawer-mobile"> <div class="bg-base-100 drawer drawer-mobile">

9
src/pages/index.astro
View file

@ -15,8 +15,9 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
</div> </div>
<div class="py-2"> <div class="py-2">
<text> <text>
I am a cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a I am a Cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a
simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music.</text simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music. You can find me
mostly on Twitter, let's connect!</text
> >
</div> </div>
</div> </div>
@ -47,4 +48,8 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb" url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
badge="FOSS" badge="FOSS"
/> />
<div>
<div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
</div>
</PageLayout> </PageLayout>