Cambiada la intro de la pagina y los estilos un poco :3
This commit is contained in:
24
src/about.md
24
src/about.md
@@ -1,24 +0,0 @@
|
||||
# About
|
||||
|
||||
Hola!, soy un estudiante de ingeniería en informática al que le gusta programar,
|
||||
jugar videojuegos cuando se puede y escuchar música, mucha, mucha música.
|
||||
|
||||
Me gusta aprender nuevos lenguajes de programación pero generalmente estoy seco
|
||||
de ideas con lo que me cuesta bastante avanzar en lenguajes como C y C++, en los
|
||||
que simplemente no se hacer.
|
||||
|
||||
Este blog lo cree principalmente porque quería un proyecto secundario en el que
|
||||
trabajar, que no tuviera tanta importancia y lo hiciera de relax, la idea es
|
||||
publicar snipets de código que generalmente se me olvidan y siempre estoy
|
||||
volviendo a ellos, si en algún momento me emociono quizás publico algo
|
||||
totalmente distinto.
|
||||
|
||||
Para ver los proyectos que he hecho puedes verlos en [Gitlab](https://gitlab.com/Ryuuji159)
|
||||
|
||||
Socialmente me muevo entre [Twitter](https://twitter.com/skrd159) y
|
||||
[Reddit](https://www.reddit.com/user/Ryuuji159) aunque estoy intentando dejar
|
||||
las redes sociales como ya lo hice con Facebook.
|
||||
|
||||
Finalmente, si quieres enviarme un correo mi dirección es daniel.cortes.p159@gmail.com
|
||||
|
||||
*Gracias por venir aquí.*
|
||||
@@ -6,7 +6,6 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Source Code Pro'), url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Regular.woff2) format('woff2');
|
||||
font-display: swap
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@@ -14,7 +13,6 @@
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Source Code Pro'), url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Bold.woff2) format('woff2');
|
||||
font-display: swap
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@@ -29,7 +27,6 @@
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Source Serif Pro'), url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Bold.woff2) format('woff2');
|
||||
font-display: swap
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@@ -37,7 +34,6 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Source Sans Pro'), url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Regular.woff2) format('woff2');
|
||||
font-display: swap
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@@ -45,5 +41,4 @@
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Source Sans Pro'), url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Bold.woff2) format('woff2');
|
||||
font-display: swap
|
||||
}
|
||||
}
|
||||
|
||||
9
src/assets/script.js
Normal file
9
src/assets/script.js
Normal file
@@ -0,0 +1,9 @@
|
||||
function makeImagesClickeable() {
|
||||
document.querySelectorAll("img").forEach(img => {
|
||||
img.addEventListener("click", e => window.open(e.target.src))
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('load', (event) => {
|
||||
makeImagesClickeable();
|
||||
});
|
||||
@@ -1,76 +1,68 @@
|
||||
/******************************************************************************
|
||||
=> MAIN STYLES
|
||||
*******************************************************************************/
|
||||
=> MAIN STYLES
|
||||
*******************************************************************************/
|
||||
:root {
|
||||
--background-color: hsl(10, 20%, 98%);
|
||||
--foreground-color: hsl(10, 10%, 13%);
|
||||
--primary-color: hsl(200, 90%, 40%);
|
||||
--highlight-color: hsl(290, 86%, 43%);
|
||||
--light-color: hsl(10, 10%, 40%);
|
||||
--background-color: hsl(10, 20%, 98%);
|
||||
--foreground-color: hsl(10, 10%, 13%);
|
||||
--light-color: hsl(10, 10%, 40%);
|
||||
--primary-color: hsl(290, 86%, 43%);
|
||||
--highlight-color: hsl(200, 90%, 40%);
|
||||
--sans-font: "Source Sans Pro";
|
||||
--mono-font: "Source Code Pro";
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 2em;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
color: var(--foreground-color);
|
||||
overflow-y: scroll;
|
||||
background-color: var(--background-color);
|
||||
|
||||
font-family: Source Sans Pro;
|
||||
font-size: 1em;
|
||||
font-family: var(--sans-font), "sans-serif";
|
||||
font-size: 14pt;
|
||||
color: var(--foreground-color);
|
||||
|
||||
}
|
||||
overflow-y: scroll;
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
body {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 80ch;
|
||||
padding: 2em 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
time {
|
||||
color: var(--light-color);
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.5em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
color: var(--highlight-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
cursor: pointer;
|
||||
max-width: 100ch;
|
||||
padding: 0 0 20em;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: Source Code Pro;
|
||||
font-size: 1em;
|
||||
font-family: "Source Code Pro", "monospace";
|
||||
}
|
||||
|
||||
h1, h2 { margin: 0 0 .3em 0; }
|
||||
|
||||
h1 { font-size: 3em; }
|
||||
|
||||
h2 { font-size: 1.875em; }
|
||||
|
||||
time { color: var(--light-color); }
|
||||
|
||||
p {
|
||||
margin: 0 0 1em 0;
|
||||
line-height: 1.5em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
font-weight: 600;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
a:hover { color: var(--highlight-color); }
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.container {
|
||||
}
|
||||
|
||||
.codehilite {
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.codehilite pre {
|
||||
margin: 1em;
|
||||
overflow-x: auto;
|
||||
padding: .7em 2em;
|
||||
}
|
||||
|
||||
46
src/index.md
46
src/index.md
@@ -1,8 +1,42 @@
|
||||
#Daniel Cortes
|
||||
|
||||
- [Blog](/blog)
|
||||
- [Now](/now.html)
|
||||
- [Projects](/projects.html)
|
||||
- [Setup](/setup.html)
|
||||
- [Random](/random.html)
|
||||
- [About](/about.html)
|
||||
Hola!, soy un estudiante de ingeniería en informática al que le gusta programar,
|
||||
jugar videojuegos cuando se puede y escuchar música, mucha, mucha música.
|
||||
|
||||
Me gusta aprender nuevos lenguajes de programación pero generalmente estoy seco
|
||||
de ideas con lo que me cuesta bastante avanzar en lenguajes como C y C++, en los
|
||||
que simplemente no se hacer.
|
||||
|
||||
Este blog lo cree principalmente porque quería un proyecto secundario en el que
|
||||
trabajar, que no tuviera tanta importancia y lo hiciera de relax, siempre igual
|
||||
sirve para practicar html y todas sus estupideces
|
||||
|
||||
El codigo que he escrito para distintos proyectos lo mantengo en
|
||||
[Gitlab](https://gitlab.com/Ryuuji159)
|
||||
|
||||
Socialmente me muevo entre [Twitter](https://twitter.com/skrd159) y
|
||||
[Reddit](https://www.reddit.com/user/Ryuuji159) aunque no soy tan activo y me
|
||||
intento mantener de las redes sociales.
|
||||
|
||||
Finalmente, si quieres enviarme un correo mi dirección es hola@danielcortes.xyz
|
||||
|
||||
##[Posts](/blog)
|
||||
Aqui posteo lo que intento escribir una vez al año. Me cuesta conseguir ideas y
|
||||
ganas para sentarme a escribir algo pero me agrada tener la posibilidad aqui.
|
||||
|
||||
##[Now](/now.html)
|
||||
Que estoy haciendo por mi vida en estos momentos, idea del señor
|
||||
[Derek Sievers](https://sive.rs/nowff) con su movimiento de las paginas /now
|
||||
|
||||
##[Projects](/projects.html)
|
||||
Un espacio donde presento los proyectos que me gustan y quiero mostrarle al
|
||||
resto, ninguno creo que es precisamente preparado para produccion, pero me gusto
|
||||
hacerlos y aprendi bastante con todos ellos.
|
||||
|
||||
##[Setup](/setup.html)
|
||||
El setup de mi computador, me encanta trabajar con linux y dejar todo a mi gusto.
|
||||
De vez en cuando me da por reconfigurar todo o instalar otro sistema operativo
|
||||
por lo que no creo que lo mantenga tan actualizado, pero aqui estara :3.
|
||||
|
||||
##[Random](/random.html)
|
||||
Links a cosas que me parecen interesantes o utiles.
|
||||
|
||||
@@ -7,21 +7,9 @@
|
||||
<meta name="author" content="Daniel Cortés">
|
||||
<link rel="stylesheet" href="/assets/style.css" type="text/css">
|
||||
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||||
<script src="/assets/script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
{{ md }}
|
||||
</div>
|
||||
<script>
|
||||
function makeImagesClickeable() {
|
||||
document.querySelectorAll("img").forEach(img => {
|
||||
img.addEventListener("click", e => window.open(e.target.src))
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('load', (event) => {
|
||||
makeImagesClickeable();
|
||||
});
|
||||
</script>
|
||||
{{ md }}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user