Nuevo sitio
This commit is contained in:
El Mau
parent
ec4995595a
commit
69844284a4
|
|
@ -0,0 +1 @@
|
|||
public/
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
baseURL = 'https://cuates.net/'
|
||||
defaultContentLanguage = 'es'
|
||||
languageCode = 'es-mx'
|
||||
title = 'Blog para Cuates'
|
||||
theme = "archie"
|
||||
|
||||
|
||||
[[menu.main]]
|
||||
name = "Acerca de"
|
||||
url = "/acerca-de"
|
||||
weight = 1
|
||||
|
||||
[[menu.main]]
|
||||
name = "Servicios"
|
||||
url = "/servicios"
|
||||
weight = 2
|
||||
|
||||
[[menu.main]]
|
||||
name = "Cuates"
|
||||
url = "/cuates"
|
||||
weight = 3
|
||||
|
||||
[[menu.main]]
|
||||
name = "Contacto"
|
||||
url = "/contacto"
|
||||
weight = 4
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
---
|
||||
title: "Acerca de nosotros"
|
||||
date: 2021-11-05T11:13:35-06:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
#### Llevamos más de 20 años ayudando a diferentes ONGs en México.
|
||||
|
||||
> La posesión completa sólo se demuestra dando. Todo cuanto no podemos dar nos posee.
|
||||
>
|
||||
> André Gide
|
||||
|
||||
¿Qué es un [Cuate][1]?
|
||||
|
||||
> Persona querida con afecto desinteresado y muy estrecho, especialmente si no está unida por lazos de parentesco.
|
||||
|
||||
¿Como puedo hacerme Cuate?
|
||||
|
||||
> Con una aportación mínima mensual de 1 USD, 1 EUR o 25 MXN
|
||||
|
||||
¿Qué hacemos con las donaciones?
|
||||
|
||||
> Instalamos, configuramos y mantenemos diferentes servicios como:
|
||||
|
||||
* **Dominios y hospedaje web**
|
||||
- Integración Down IAP desde **2004**
|
||||
- Salud Materna desde **2012**
|
||||
- Amigos Metabolicos desde **2010**
|
||||
- Etnobiologia para la conservación desde **2012**
|
||||
- Pensemos en Cebras desde **2020**
|
||||
- Revista Cultural desde **2020**
|
||||
- Ana Clavel (escritora) desde **2005**
|
||||
- Malena Duran (cantante) desde **2006**
|
||||
- Nelson Carro (crítico de cine) desde **2009**
|
||||
|
||||
<br>
|
||||
|
||||
* **Facturación electrónica libre y gratis desde 2013**
|
||||
- Integración Down IAP
|
||||
- Asociacion Mexicana de Transformacion Rural y Urbana AC
|
||||
- Fundacion 20-30 Mexico IAP
|
||||
- Fundacion Fausto Rico Alvarez, IAP
|
||||
|
||||
<br>
|
||||
|
||||
* **Soporte técnico**:
|
||||
- Integración Down IAP desde **2001**
|
||||
|
||||
|
||||
¿Como hago mi aportación?
|
||||
|
||||
> Por cualquiera de los medios siguientes
|
||||
|
||||
- Criptomonedas:
|
||||
- BCH: `qztd3l00xle5tffdqvh2snvadkuau2ml0uqm4n875d`
|
||||
- ETH: `0x61a4f614a30ff686445751ed8328b82b77ecfc69`
|
||||
- XRP: `rLSn6Z3T8uCxbcd1oxwfGQN1Fdn5CyGujK` Tag: `6643162`
|
||||
- LTC: `MBcgQ3LQJA4W2wsXknTdm2fxRSysLaBJHS`
|
||||
- BTC: `3FhiXcXmAesmQzrNEngjHFnvaJRhU1AGWV`
|
||||
|
||||
<br>
|
||||
|
||||
* Transferencia bancaria:
|
||||
|
||||
```
|
||||
Pesos Mexicanos.
|
||||
Mauricio Baeza Servin
|
||||
Banco: HSBC
|
||||
Cuenta: 6420997797
|
||||
CLABE: 021180064209977976
|
||||
|
||||
Euros para residentes de la Unión Europea.
|
||||
IBAN: BE60 9671 0556 5870
|
||||
SWIFT / BIC: TRWIBEB1XXX
|
||||
```
|
||||
|
||||
Cualquier otro país: [https://ko-fi.com/elmau][2]
|
||||
|
||||
|
||||
¿Por qué no usan medios como PayPal, etc?
|
||||
|
||||
> Las comisiones de este y casi todos los servicios de este tipo, son a veces más altas que el importe donado, creemos que es un abuso de la mayoría de las entidades financieras y las mismas son parte de un problema más grave mundial: el capitalismo de vigilancia.
|
||||
|
||||
|
||||
¿Hay otras formas de ayudar?
|
||||
|
||||
> Te escuchamos, todas las ideas son bienvenidas.
|
||||
|
||||
|
||||
[1]: https://es.wiktionary.org/wiki/cuate
|
||||
[2]: https://ko-fi.com/elmau
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
---
|
||||
title: "Contacto"
|
||||
date: 2021-11-05T12:13:35-06:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Creemos que detras de cada servicio debe haber un ser humano, puedes hablar con nosotros siempre que lo desees.
|
||||
|
||||
- Teléfono: (55) 5810-8088 de Lunes a Viernes de 10:00 a 15:00
|
||||
- Mastodon: @elmau@mstdn.mx
|
||||
- Telegram: @cuates_net
|
||||
- Correo eletrónico: **contacto** ARROBA **cuates** PUNTO **net**
|
||||
|
||||
|
||||
Cuentanos de tu proyecto, tal vez podamos apoyarte de alguna manera.
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
title: "Servicios"
|
||||
date: 2021-11-05T12:13:35-06:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Nuestros queridos cuates, que esperas para sumarte con una aportación mensual.
|
||||
|
||||
- Jose Antonio Pastrana - desde Ene-17
|
||||
- Consuelo Jimenez - desde Feb-21
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
---
|
||||
title: "👋 Campaña Anual"
|
||||
date: 2021-11-05T10:29:49-06:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Como cada año, esta es nuestra campaña anual para sumar cuates. Mira lo que [hacemos][1] y conoce nuestras actividades. Ahora más que nunca, las ONGs que apoyamos necesitan de toda la ayuda que podamos brindarles.
|
||||
|
||||
<!--more-->
|
||||
|
||||
Tenemos el plan de implementar una tienda virtual libre de rastreadores para ellas, así como ampliar los diferentes servicios que les ofrecemos.
|
||||
|
||||
Agradecemos de antemos a quien quiera sumarse.
|
||||
|
||||
El Mau
|
||||
|
||||
|
||||
[1]: /acerca-de/
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
title: "👋 Hola Mundo"
|
||||
date: 2021-11-05T09:29:49-06:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
Bienvenidas a nuestro blog donde te contaremos que hacemos y como podemos ayudarnos en el espacio digital, que cada vez es más nuestra espacio primario, de cual, como nos ha enseñado la Dra. Shoshana Zuboff, nosotros debemos ser quienes nos hagamos cargo.
|
||||
|
||||
<!--more-->
|
||||
|
||||
Y hablando de la Dra. Shoshana Zuboff, su libro *La era del capitalismo de vigilancia* es un libro impresindible que no podemos dejar de recomendar.
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
---
|
||||
title: "Servicios"
|
||||
date: 2021-11-05T12:13:35-06:00
|
||||
draft: false
|
||||
---
|
||||
|
||||
> Quien recibe una idea de mí, recibe instrucción sin disminuir la mía; igual que quien enciende su vela con la mía, recibe luz sin que yo quede a oscuras. Las invenciones no pueden, por naturaleza, ser objeto de propiedad.
|
||||
>
|
||||
> Thomas Jefferson
|
||||
|
||||
|
||||
Servicios informáticos que puedes probar, aprender y contratar.
|
||||
|
||||
- Dominios
|
||||
- Hospedaje web
|
||||
- Desarrollo de software
|
||||
- VPS (Servidores Virtuales)
|
||||
- Correo electrónico
|
||||
- Soporte técnico en sitio y remoto.
|
||||
|
||||
|
||||
Para los cuates que aporten **2 o más Euros al mes** o su equivalente en otras monedas, pueden disfrutar de nuestros servicios como:
|
||||
|
||||
- Cuenta de correo electrónico.
|
||||
- amigas.email
|
||||
- amigos.email
|
||||
- correolibre.net
|
||||
- cuates.net
|
||||
- Disco virtual con 10 GB de espacio.
|
||||
- Capsula Gemini.
|
||||
- Canal de soporte técnico exclusivo.
|
||||
|
||||
|
||||
En **cuates.net** no solo tienes servicios, también tienes escuela, podemos enseñarte a implementar una amplia variedad de programas y servicios para que logres tu independiencia y autonomía digital.
|
||||
|
||||
#### Trabajamos exclusivamente con Software Libre.
|
||||
|
|
@ -1,236 +0,0 @@
|
|||
<!-- Thanks
|
||||
JOHN DOE’S PAGE - https://github.com/cadars/john-doe/
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
|
||||
<title>Solo para Cuates</title>
|
||||
<meta name="description" content="Servicios solo para cuates">
|
||||
|
||||
<!-- Recommended minimum -->
|
||||
<meta property="og:title" content="Cuates.net">
|
||||
<meta property="og:description" content="Servicios solo para cuates">
|
||||
<meta property="og:image" content="img/site-image.jpg">
|
||||
<!--
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
-->
|
||||
|
||||
<!-- You could also inline the stylesheet -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>
|
||||
<a href="#home">Cuates.net</a>
|
||||
</h1>
|
||||
<nav>
|
||||
<a href="#about">Acerca de</a>
|
||||
<a href="#news">Noticias</a>
|
||||
<a href="#service">Servicios</a>
|
||||
<a href="#cuates">Cuates</a>
|
||||
<a href="#contact">Contacto</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section id="home"> <!-- HOME -->
|
||||
|
||||
<p>Servicios informáticos solo para cuates</p>
|
||||
|
||||
<hr>
|
||||
<p>La posesión completa sólo se demuestra dando. Todo cuanto no podemos dar nos posee.</p>
|
||||
<p><cite> <b>André Gide</b> </cite> </p>
|
||||
|
||||
<hr>
|
||||
<p>Quien recibe una idea de mí, recibe instrucción sin disminuir la mía; igual que quien enciende su vela con la mía, recibe luz sin que yo quede a oscuras. Las invenciones no pueden, por naturaleza, ser objeto de propiedad.</p>
|
||||
<p><cite> <b>Thomas Jefferson</b> </cite> </p>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="about"> <!-- ABOUT -->
|
||||
|
||||
<p>¿Qué es un <a href="https://es.wiktionary.org/wiki/cuate" target="_new">Cuate <label>1</label></a>?</p>
|
||||
<p><cite>Persona querida con afecto desinteresado y muy estrecho,
|
||||
especialmente si no está unida por lazos de parentesco.</cite> </p>
|
||||
|
||||
<hr>
|
||||
<p>¿Como puedo hacerme Cuate?</p>
|
||||
<p><cite>Con una aportación mínima mensual de 1 USD, 1 EUR o 25 MXN</cite> </p>
|
||||
|
||||
<hr>
|
||||
<p>¿Qué hacemos con las donaciones?</p>
|
||||
<p><cite>Instalamos, configuramos y mantenemos diferentes servicios como:
|
||||
<ul>
|
||||
<li> Dominios y hospedaje web
|
||||
<ul>
|
||||
<li><a href="https://integraciondown.org">Integración Down IAP</a> desde 2004</li>
|
||||
<li><a href="https://saludmaterna.org">Salud Materna</a> desde 2012</li>
|
||||
<li><a href="https://amigosmetabolicos.org">Amigos Metabolicos</a> desde 2010</li>
|
||||
<li><a href="https://etnobiologiaparalaconservacion.org">Etnobiologia para la conservación</a> desde 2012</li>
|
||||
<li><a href="https://pensemosencebras.org">Pensemos en Cebras</a> desde 2020</li>
|
||||
<li><a href="https://revistacultural.net">Revista Cultural</a> desde 2020</li>
|
||||
<li><a href="https://anaclavel.com">Ana Clavel (escritora)</a> desde 2005</li>
|
||||
<li><a href="https://malenaduran.com">Malena Duran (cantante)</a> desde 2006</li>
|
||||
<li><a href="https://danielhiga.com">Daniel Higa (periodista)</a> desde 2009</li>
|
||||
<li><a href="https://nelsoncarro.com">Nelson Carro (crítico de cine)</a> desde 2009</li>
|
||||
</ul>
|
||||
<li> Facturación electrónica libre y gratis desde 2013
|
||||
<ul>
|
||||
<li>Integración Down IAP</li>
|
||||
<li>Asociacion Mexicana de Transformacion Rural y Urbana AC</li>
|
||||
<li>Fundacion 20-30 Mexico IAP</li>
|
||||
<li>Fundacion Fausto Rico Alvarez, IAP</li>
|
||||
</ul>
|
||||
<li> Soporte técnico:
|
||||
<ul>
|
||||
<li>Integración Down IAP desde 2001</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</cite> </p>
|
||||
|
||||
<hr>
|
||||
<p>¿Como hago mi aportación?</p>
|
||||
<p><cite>Por cualquiera de los medios siguientes
|
||||
<ul>
|
||||
<li> Criptomonedas:
|
||||
<ul>
|
||||
<li> <b>BCH</b>: (Preferida) <pre>qztd3l00xle5tffdqvh2snvadkuau2ml0uqm4n875d</pre>
|
||||
<li> <b>BTC</b>: <pre>3FhiXcXmAesmQzrNEngjHFnvaJRhU1AGWV</pre>
|
||||
<li> <b>ETH</b>: <pre>0x61a4f614a30ff686445751ed8328b82b77ecfc69</pre>
|
||||
<li> <b>LTC</b>: <pre>MBcgQ3LQJA4W2wsXknTdm2fxRSysLaBJHS</pre>
|
||||
</ul>
|
||||
<li> Transferencias, disponibles en:
|
||||
<ul>
|
||||
<li> En Pesos Mexicanos, solo para México.
|
||||
<li> En Euros para residentes de la Unión Europea.
|
||||
<li> En Dólares para otros países.
|
||||
</ul>
|
||||
</ul>
|
||||
</cite> </p>
|
||||
|
||||
<hr>
|
||||
<p>¿Por qué no usan medios como PayPal, etc?</p>
|
||||
<p><cite>Las comisiones de este y casi todos los servicios de este tipo, son a veces más altas que el importe donado, creemos que es un abuso de la mayoría de las entidades financieras</cite> </p>
|
||||
|
||||
|
||||
<!--
|
||||
<a href="#another-page">This is a link to another page</a>.
|
||||
-->
|
||||
|
||||
<!--
|
||||
<figure>
|
||||
<a href="#img-about">
|
||||
<img loading="lazy" alt="" src="//via.placeholder.com/1200x600/ddd/ccc" width="1200" height="600">
|
||||
</a>
|
||||
<figcaption>Example of an image with a link to a larger version.</figcaption>
|
||||
</figure>
|
||||
-->
|
||||
|
||||
</section>
|
||||
|
||||
<section id="news"> <!-- NEWS -->
|
||||
<article>
|
||||
<h1>Medios de pago <time>03.Feb.2021</time></h1>
|
||||
<p>Hemos agregado los diferentes medios para hacer aportaciónes</p>
|
||||
</article>
|
||||
|
||||
<article>
|
||||
<h1>Nueva página <time>25.Nov.2020</time></h1>
|
||||
<p>Volvemos a lo simple, puro texto gracias al extraordinario
|
||||
trabajo de <a href="https://github.com/cadars/john-doe/"
|
||||
target="_new">Gregory Cadars</a></p>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="service">
|
||||
|
||||
<p>Servicios informáticos que puedes probar, aprender y contratar</p>
|
||||
<p>
|
||||
<ul>
|
||||
<li><b>Dominios</b> - </li>
|
||||
<li><b>Hospedaje web</b> - </li>
|
||||
<li><b>Desarrollo de software</b> - </li>
|
||||
<li><b>VPS</b> - </li>
|
||||
<li><a href="#id_email">Correo electrónico</a></li>
|
||||
</ul>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section id="cuates">
|
||||
|
||||
<p>Nuestros queridos cuates, que esperas para sumarte con una aportación mensual.</p>
|
||||
<p>
|
||||
<ul>
|
||||
<li><b>Jose Antonio Pastrana</b> - desde Ene-17, Gracias</li>
|
||||
<li><b>Consuelo Jimenez</b> - desde Feb-21, Gracias</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="contact">
|
||||
|
||||
<p>Creemos que detras de cada servicio debe haber un ser humano, puedes hablar con nosotros siempre que lo desees.</p>
|
||||
<ul>
|
||||
<li>Teléfono: <b>55 5810-8088</b> de Lunes a Viernes de 10:00 a 15:00
|
||||
<li> Mastodon: <a href="https://mstdn.mx/@elmau">@elmau</a></li>
|
||||
<li> Telegram: <a href="https://t.me/cuates_net">cuates_net</a></li>
|
||||
<li> XMPP: <b>elmau</b> ARROBA <b>suchat</b> PUNTO <b>org</b></li>
|
||||
<li> Correo eletrónico: <b>hola1</b> ARROBA <b>correolibre</b> PUNTO <b>net</b></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="id_email">
|
||||
|
||||
<h1>Correo electrónico</h1>
|
||||
|
||||
<p>El servicio de correo electrónico libre y gratuito se ofrece para personas o colectivos que no tengan recursos para tener sus propios servidores y se puede usar bajo las siguientes reglas:</p>
|
||||
<p><ul>
|
||||
<li> Cero tolerancia al spam, el spam es uno de los canceres de Internet. Cualquier correo bajo nuestros dominios que sea reportado como spam, será analizado y si procede, dado de baja de forma inmediata.
|
||||
<li> Primero año gratuito, a partir del segundo año una cooperación obligatoria pero de monto opcional, si, el monto que quieras aportar para el pago anual del servidor.
|
||||
<li> El espacio por cuenta de correo empieza en 1GB, pudiendo solicitar más espacio en caso de requerirlo.
|
||||
</ul></p>
|
||||
<p>Dominios disponibles para solicitar correos:</p>
|
||||
<p><ul>
|
||||
<li> correolibre.net </li>
|
||||
<li> cuates.net </li>
|
||||
<li> amigas.email </li>
|
||||
<li> amigos.email </li>
|
||||
</ul></p>
|
||||
<p>Para solicitar una cuenta puedes hacerlo en</p>
|
||||
<p><ul>
|
||||
<li> Mastodon: <a href="https://mstdn.mx/@elmau">@elmau</a></li>
|
||||
<li> Telegram: <a href="https://t.me/cuates_net">cuates_net</a></li>
|
||||
<li> XMPP: <b>elmau</b> ARROBA <b>suchat</b> PUNTO <b>org</b></li>
|
||||
<li> Correo eletrónico: <b>hola1</b> ARROBA <b>correolibre</b> PUNTO <b>net</b></li>
|
||||
</ul></p>
|
||||
|
||||
<p>Los pasos son</p>
|
||||
<p><ul>
|
||||
<li> Por el medio seleccionado, solicita tu "usuario" y "dominio".
|
||||
<li> Te enviaremos tu contraseña por ese mismo medio.
|
||||
<li> Prueba tu acceso y cambia tu contraseña (usa solo contraseñas fuertes) en: <a href="https://mail.correolibre.net/mail/">RoundCube</a>
|
||||
<li> También puedes acceder por <a href="https://mail.correolibre.net/SOGo/">SoGo</a>
|
||||
</ul></p>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="another-page"> <!-- ANOTHER PAGE -->
|
||||
|
||||
<p>This page is not referenced in the menu, yet it exists.</p>
|
||||
<p><a href="#about">← back</a></p>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
437
source/style.css
437
source/style.css
|
|
@ -1,437 +0,0 @@
|
|||
* { margin: 0; padding: 0; box-sizing: border-box;
|
||||
|
||||
/* Color scheme */
|
||||
|
||||
--textcolor: #121212;
|
||||
--bgcolor: #fff;
|
||||
--highlight: #2749c9;
|
||||
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
* {
|
||||
--textcolor: #dadada;
|
||||
--bgcolor: #141414;
|
||||
--highlight: #ffc400;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 18px;
|
||||
font-family: system-ui, sans-serif;
|
||||
line-height: 1.45;
|
||||
color: var(--textcolor);
|
||||
background: var(--bgcolor);
|
||||
position: relative;
|
||||
max-width: 64em; /* remove this for a full-width layout */
|
||||
margin: 0 auto; /* centers the layout */
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 680px) { /* smaller screens */
|
||||
body {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ------- Sections ------- */
|
||||
|
||||
section {
|
||||
padding: calc(6em + 5vw) 5vw 8vw 5vw;
|
||||
/* !! Everything below is needed !! */
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
background: var(--bgcolor);
|
||||
}
|
||||
|
||||
section:target { /* Show section */
|
||||
display: block;
|
||||
}
|
||||
|
||||
section#home { /* Show #home by default */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ------- Header ------- */
|
||||
|
||||
header {
|
||||
padding: 5vw 5vw 0 5vw;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 1em;
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
padding: 0 20vw .5em 0;
|
||||
}
|
||||
|
||||
nav a:not(:last-of-type) {
|
||||
margin-right: 1.5vw;
|
||||
}
|
||||
|
||||
/* ------- General ------- */
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: var(--highlight);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
h2, h3, h4 {
|
||||
font-size: 1em;
|
||||
font-weight: 600;
|
||||
margin: 1.6em 0 .6em 0;
|
||||
}
|
||||
|
||||
p, ul, ol, article {
|
||||
max-width: 60ch; /* Limit line-length to 60 characters */
|
||||
margin-bottom: .6em;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul li::marker {
|
||||
content: "\2022 ";
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 0.10em;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: 2ch;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background: currentColor;
|
||||
opacity: .1;
|
||||
margin: 1.2em 0;
|
||||
}
|
||||
|
||||
abbr {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
abbr[title]:hover {
|
||||
opacity: .7;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding-left: 2ch;
|
||||
opacity: .7;
|
||||
margin-bottom: .6em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
blockquote:before {
|
||||
content: "";
|
||||
position:absolute;
|
||||
left: 0;
|
||||
top: .3em;
|
||||
bottom: .3em;
|
||||
background: currentColor;
|
||||
width: 1px;
|
||||
opacity: .2;
|
||||
}
|
||||
|
||||
img, svg, video, audio {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
code, pre, textarea {
|
||||
font-family: ui-monospace, SF Mono, Menlo, Monaco, Andale Mono, monospace;
|
||||
font-size: 1em;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
a code {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
textarea { /* for code samples */
|
||||
font-size: .9em;
|
||||
color: inherit;
|
||||
line-height:inherit;
|
||||
padding:.6em .9em;
|
||||
margin: .8em 0 1em 0;
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
white-space: pre;
|
||||
border:0;
|
||||
border-radius: 4px;
|
||||
background:rgba(255,255,100,.075);
|
||||
box-shadow: inset 1px 1px 0 rgba(0,0,0,.2), inset -1px -1px 0 rgba(0,0,0,.04) ;
|
||||
}
|
||||
|
||||
/* Inline footnotes */
|
||||
|
||||
label {
|
||||
cursor: pointer;
|
||||
vertical-align: super;
|
||||
line-height: 1;
|
||||
font-size: .75em;
|
||||
padding-left: .1em;
|
||||
}
|
||||
|
||||
label:hover {
|
||||
color: var(--highlight);
|
||||
}
|
||||
|
||||
label:before {content:"[";}
|
||||
label:after {content:"]";}
|
||||
|
||||
label + input,
|
||||
label + input + small {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked + small {
|
||||
display: block;
|
||||
padding: .8em 0 1em 2.5vw;;
|
||||
}
|
||||
|
||||
/* Figures */
|
||||
|
||||
figure {
|
||||
margin: 2em 0 1.5em 0;
|
||||
}
|
||||
|
||||
figure figcaption {
|
||||
margin: 0.8em 0 0 0;
|
||||
font-size: .85em;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
/* Responsive video embeds */
|
||||
|
||||
figure.video {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%; /* 16:9 */
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
figure.video iframe, figure.video object, figure.video embed {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
visibility: hidden; /* so loading="lazy" should work? */
|
||||
}
|
||||
|
||||
section:target iframe {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* External links */
|
||||
|
||||
a[href*="//"]:after {
|
||||
font-weight: 300;
|
||||
content: "\2197"; /* top right arrow: ↗ */
|
||||
color: var(--textcolor);
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
a[href*="//"]:hover:after {
|
||||
color: var(--highlight);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* File links */
|
||||
|
||||
a:before {
|
||||
font-size: .7em;
|
||||
margin-right: .4em;
|
||||
}
|
||||
|
||||
/* Add more filetypes here if you want */
|
||||
|
||||
a[href$=".pdf"]:before { content: "PDF"; }
|
||||
a[href$=".txt"]:before { content: "TXT"; }
|
||||
a[href$=".mp3"]:before { content: "MP3"; }
|
||||
a[href$=".jpeg"]:before,
|
||||
a[href$=".jpg"]:before,
|
||||
a[href$=".gif"]:before,
|
||||
a[href$=".png"]:before { content: "IMG"; }
|
||||
|
||||
/* ------- News ------- */
|
||||
|
||||
article + article {
|
||||
margin-top: 5em;
|
||||
}
|
||||
|
||||
article h1 {
|
||||
font-size: 1em;
|
||||
font-weight:700;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
article time {
|
||||
margin-left: .6em;
|
||||
font-size: .8em;
|
||||
font-weight: 400;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
/* ------- Images Grid ------- */
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-gap: 5vmin;
|
||||
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
||||
grid-auto-flow: dense;
|
||||
padding: 2em 0;
|
||||
}
|
||||
|
||||
.grid a {
|
||||
position: relative;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.grid a:before {
|
||||
content: "";
|
||||
display: block;
|
||||
padding-top: 100%;
|
||||
}
|
||||
|
||||
.grid a img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.grid a:hover {
|
||||
transform: scale(.975);
|
||||
}
|
||||
|
||||
/* ------- Slideshow ------- */
|
||||
|
||||
.slides {
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
overflow-y:scroll;
|
||||
scroll-snap-type:y mandatory;
|
||||
}
|
||||
|
||||
.slides figure {
|
||||
height:100vh;
|
||||
padding:0 5vw;
|
||||
margin:0;
|
||||
display:grid;
|
||||
place-items:center;
|
||||
align-content: center;
|
||||
scroll-snap-align:center;
|
||||
background-size: cover; /* Full bleed background images */
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.slides figure img {
|
||||
max-height:88vh;
|
||||
}
|
||||
|
||||
/* ------- Lightbox ------- */
|
||||
|
||||
.lightbox {
|
||||
position: fixed;
|
||||
display: none;
|
||||
color: var(--textcolor);
|
||||
}
|
||||
|
||||
.lightbox:target {
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
align-content: center;
|
||||
background: var(--bgcolor);
|
||||
border: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.lightbox img {
|
||||
max-height: 100vh;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.lightbox:target:before { /* Loading spinner */
|
||||
content:"";
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
animation: spin .8s infinite linear;
|
||||
border: 1px solid;
|
||||
border-right-color: transparent;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
position: absolute;
|
||||
transform: translateX(-50%);
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.lightbox:target:after { /* × to close */
|
||||
content: "\00D7";
|
||||
position: fixed;
|
||||
font-size: 2em;
|
||||
font-weight: 200;
|
||||
line-height: 0;
|
||||
top: .75em;
|
||||
right: .5em;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
/* ------- Print ------- */
|
||||
|
||||
@media print {
|
||||
|
||||
nav, .lightbox:target:after { display: none; }
|
||||
|
||||
article, figure, img {
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
/* Inline footnotes */
|
||||
label + input + small { display: inline; }
|
||||
label + input + small:before { content: "["; }
|
||||
label + input + small:after { content: "]"; }
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
Subproject commit ddcd4cdcfc0b150fafd6dac1af1ec3d46e39753b
|
||||
Loading…
Reference in New Issue