adding social media to index (#24)

Author: jpchauvel

_static/css/markdown.css

@@ -6,6 +6,10 @@
   width: 30vw;
 }
 
+section#python-peru:has(p.social-media) {
+  text-align: center;
+}
+
 .head-title h1 {
   color: var(--sy-c-link-hover);
   text-align: center;
@@ -51,6 +55,8 @@ html.dark div.sketchviz-image {
   --i-linkedin-url: url("/_static/icons/linkedin.svg");
   --i-facebook-url: url("/_static/icons/facebook.svg");
   --i-instagram-url: url("/_static/icons/instagram.svg");
+  --i-meetup-url: url("/_static/icons/meetup.svg");
+  --i-whatsapp-url: url("/_static/icons/whatsapp.svg");
 }
 
 .i-icon.linkedin {
@@ -65,6 +71,14 @@ html.dark div.sketchviz-image {
   --icon-url: var(--i-instagram-url);
 }
 
+.i-icon.meetup {
+  --icon-url: var(--i-meetup-url);
+}
+
+.i-icon.whatsapp {
+  --icon-url: var(--i-whatsapp-url);
+}
+
 .i-icon.social-media {
   width: 2em;
   height: 2em;

_static/icons/meetup.svg

@@ -30,6 +30,9 @@ https://linkedin.com/in/jpchauvel
 ```{rst-class} i-icon social-media facebook
 https://facebook.com/hellhovnd
 ```
+```{rst-class} i-icon social-media instagram
+https://www.instagram.com/hellhoundorf
+```
 ```{rst-class} i-icon social-media x-twitter
 https://twitter.com/hellhoundorf
 ```

_static/icons/whatsapp.svg

@@ -12,6 +12,15 @@ myst:
 {.lead}
 ¡Bienvenidos a la Comunidad Peruana de Python!
 
+```{rst-class} i-icon social-media github
+https://github.com/pythonpe/python.pe
+```
+```{rst-class} i-icon social-media meetup
+https://www.meetup.com/pythonperu/
+```
+```{rst-class} i-icon social-media whatsapp
+https://chat.whatsapp.com/D9bPvUrddvSBUIkMSoTqrk
+```
 
 ````{rst-class} head-button
 :::{container} buttons