Skip to content

Commit

Permalink
deploy: e7ba686
Browse files Browse the repository at this point in the history
  • Loading branch information
@danielfeitopin
danielfeitopin committed Dec 8, 2024
0 parents commit 60c82ff
Show file tree
Hide file tree
Showing 16 changed files with 588 additions and 0 deletions.
Empty file added .nojekyll
Empty file.
64 changes: 64 additions & 0 deletions home/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Meta info -->
<meta charset="UTF-8">
<meta name="description" content="Comunidad de informática orientada a estudiantes y principiantes.">

<!-- OpenGraph -->
<meta property="og:title" content="Informaticapau">
<meta property="og:description" content="Comunidad de informática orientada a estudiantes y principiantes.">
<meta property="og:image" content="https://informaticapau.github.io/img/ipau/logo_ipau.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Favicon & title -->
<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
<title>Home | Informaticapau</title>

<!-- Style -->
<link rel="stylesheet" type="text/css" href="/static/css/layout/layout.css">
<link rel="stylesheet" type="text/css" href="/home/static/css/home.css">

<!-- Scripts -->

</head>

<body>
<!-- Header -->
<header>
<a href="/">
<img id="logo" src="/static/img/ipau/logo_circulo.png" alt="Logo">
</a>
<a href="/">
<img id="webname" src="/static/img/ipau/tag.png" alt="@informaticapau">
</a>
</header>

<!-- Nav -->
<nav>
<a class="nav-link" href="/home">Home</a>
<a class="nav-link" href="/social">Redes sociales</a>
<a class="nav-link" href="/webrings">Webrings</a>
</nav>

<!-- Content -->
<main>
<h1>¡Bienvenido a Informaticapau!</h1>
<span>Comunidad de informática orientada a estudiantes y principiantes.</span>
<br>
<br>
<img id="ipau-logo" src="/static/img/ipau/logo_cuadrado.png" alt="Logo de Informaticapau">
</main>

<!-- Footer -->
<footer id="footer">
<div>© 2024 Todos los derechos reservados.</div>
<div>Página desarrollada por <a href="https://www.linkedin.com/in/danielfeitopin/">Daniel Feito Pin</a>.</div>
<div>Contacto: <a id="email" href="#"><span>informaticapau</span><!----><span>&#64;</span><!----><span>pm.me</span></a> .</div>
<script src="/static/js/email_protector.js"></script>
</footer>
</body>

</html>
4 changes: 4 additions & 0 deletions home/static/css/home.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
#ipau-logo {
width: 15vw;
border: 2px solid black;
}
64 changes: 64 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Meta info -->
<meta charset="UTF-8">
<meta name="description" content="Comunidad de informática orientada a estudiantes y principiantes.">

<!-- OpenGraph -->
<meta property="og:title" content="Informaticapau">
<meta property="og:description" content="Comunidad de informática orientada a estudiantes y principiantes.">
<meta property="og:image" content="https://informaticapau.github.io/img/ipau/logo_ipau.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Favicon & title -->
<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
<title>Home | Informaticapau</title>

<!-- Style -->
<link rel="stylesheet" type="text/css" href="/static/css/layout/layout.css">
<link rel="stylesheet" type="text/css" href="/home/static/css/home.css">

<!-- Scripts -->

</head>

<body>
<!-- Header -->
<header>
<a href="/">
<img id="logo" src="/static/img/ipau/logo_circulo.png" alt="Logo">
</a>
<a href="/">
<img id="webname" src="/static/img/ipau/tag.png" alt="@informaticapau">
</a>
</header>

<!-- Nav -->
<nav>
<a class="nav-link" href="/home">Home</a>
<a class="nav-link" href="/social">Redes sociales</a>
<a class="nav-link" href="/webrings">Webrings</a>
</nav>

<!-- Content -->
<main>
<h1>¡Bienvenido a Informaticapau!</h1>
<span>Comunidad de informática orientada a estudiantes y principiantes.</span>
<br>
<br>
<img id="ipau-logo" src="/static/img/ipau/logo_cuadrado.png" alt="Logo de Informaticapau">
</main>

<!-- Footer -->
<footer id="footer">
<div>© 2024 Todos los derechos reservados.</div>
<div>Página desarrollada por <a href="https://www.linkedin.com/in/danielfeitopin/">Daniel Feito Pin</a>.</div>
<div>Contacto: <a id="email" href="#"><span>informaticapau</span><!----><span>&#64;</span><!----><span>pm.me</span></a> .</div>
<script src="/static/js/email_protector.js"></script>
</footer>
</body>

</html>
120 changes: 120 additions & 0 deletions social/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Meta info -->
<meta charset="UTF-8">
<meta name="description" content="Comunidad de informática orientada a estudiantes y principiantes.">

<!-- OpenGraph -->
<meta property="og:title" content="Informaticapau">
<meta property="og:description" content="Comunidad de informática orientada a estudiantes y principiantes.">
<meta property="og:image" content="https://informaticapau.github.io/img/ipau/logo_ipau.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Favicon & title -->
<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
<title>Redes Sociales | Informaticapau</title>

<!-- Style -->
<link rel="stylesheet" type="text/css" href="/static/css/layout/layout.css">
<link rel="stylesheet" type="text/css" href="/social/static/css/social.css">

<!-- Scripts -->

</head>

<body>
<!-- Header -->
<header>
<a href="/">
<img id="logo" src="/static/img/ipau/logo_circulo.png" alt="Logo">
</a>
<a href="/">
<img id="webname" src="/static/img/ipau/tag.png" alt="@informaticapau">
</a>
</header>

<!-- Nav -->
<nav>
<a class="nav-link" href="/home">Home</a>
<a class="nav-link" href="/social">Redes sociales</a>
<a class="nav-link" href="/webrings">Webrings</a>
</nav>

<!-- Content -->
<main>
<h1 id="enlaces_de_interes">Enlaces de interés</h1>
<article>
<section>
<h2 id="rrss">Redes Sociales</h2>
<div class="links">
<a href="https://www.instagram.com/informaticapau/" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/instagram/FF0069" alt="Logo de Instagram">
<figcaption>Instagram</figcaption>
</figure>
</a>
<a href="https://twitter.com/informaticapau" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/x/FFFFFF" alt="Logo de Twitter/X">
<figcaption>Twitter/X</figcaption>
</figure>
</a>
<a href="https://github.com/informaticapau" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/github/FFFFFF" alt="Logo de GitHub">
<figcaption>GitHub</figcaption>
</figure>
</a>
<a href="https://www.youtube.com/@informaticapau" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/youtube/FF0000" alt="Logo de YouTube">
<figcaption>YouTube</figcaption>
</figure>
</a>
</div>
</section>
<section>
<h2 id="comunidad">Comunidad</h2>
<div class="links">
<a href="https://chat.whatsapp.com/Jz6dbqz6gug0MGuj3hlsYZ" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/whatsapp/25D366" alt="Logo de WhatsApp">
<figcaption>WhatsApp</figcaption>
</figure>
</a>
<a href="https://discord.com/invite/UXZuAvW" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/discord/5865F2" alt="Logo de Discord">
<figcaption>Discord</figcaption>
</figure>
</a>
<a href="https://t.me/informaticapau_telegram" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/telegram/26A5E4" alt="Logo de Telegram">
<figcaption>Telegram</figcaption>
</figure>
</a>
<a href="https://signal.group/#CjQKIKE-DGLyEskhoE3eFYTOu-AWvMUyeY1coRkSTjaGIcL1EhCCf67nbMyquzz1i94Y28Gv" target="_blank">
<figure>
<img src="https://simpleicons.vercel.app/signal/3B45FD" alt="Logo de Signal">
<figcaption>Signal</figcaption>
</figure>
</a>
</div>
</section>
</article>
</main>

<!-- Footer -->
<footer id="footer">
<div>© 2024 Todos los derechos reservados.</div>
<div>Página desarrollada por <a href="https://www.linkedin.com/in/danielfeitopin/">Daniel Feito Pin</a>.</div>
<div>Contacto: <a id="email" href="#"><span>informaticapau</span><!----><span>&#64;</span><!----><span>pm.me</span></a> .</div>
<script src="/static/js/email_protector.js"></script>
</footer>
</body>

</html>
73 changes: 73 additions & 0 deletions social/static/css/social.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
.links {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin: 10px auto;
}

.links a {
box-sizing: border-box;
width: 8em;
height: 8em;
padding: 5px;
border: 3px solid #12500a;
border-radius: 15px;
margin: 1%;
color: white;
background-color: black;
}

.links a figure {
display: flex;
flex-flow: column nowrap;
align-items: center;
width: 100%;
height: 100%;
margin: auto;
}

.links a figure img {
max-width: 90%;
max-height: 60%;
margin: auto;
}

.links a figure img:hover, .links a figure img:focus {
max-width: 85%;
max-height: 55%;
}

.links a figure figcaption {
height: 25%;
margin-top: auto;
text-overflow: ellipsis;
font-size: 1.5em;
}

.links a:hover, .links a:focus {
border-color: green;
background-color: #202020;
box-shadow: 0em 0em 0.2em 0.1em green;
}

@media screen and (max-width: 425px) {
.links a {
width: 90%;
height: 10vh;
}
.links a figure {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.links a figure img {
max-width: 20%;
max-height: 90%;
}
.links a figure figcaption {
width: 60%;
height: 1em;
margin: auto;
}
}
Loading

0 comments on commit 60c82ff

Please sign in to comment.