mirror of
https://codeberg.org/sofiaritz/website.git
synced 2023-09-06 01:24:41 +00:00
Improve weblog and nits
- Improved weblog to allow longer posts! - Renamed `blog` to `weblog` - Improved some wording - Change title on each page - Renamed `feed.xml` to `feed.rss`
This commit is contained in:
parent
cce91e6649
commit
1739b7337d
14 changed files with 96 additions and 54 deletions
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
|
||||
<title>Sofi</title>
|
||||
<title>sofi web</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
|
|
@ -8,9 +8,9 @@
|
|||
<item>
|
||||
<title>Primer post</title>
|
||||
<link>https://sofiaritz.com/blog</link>
|
||||
<guid>https://sofiaritz.com/blog#first-post</guid>
|
||||
<guid>https://sofiaritz.com/blog/first-post</guid>
|
||||
<pubDate>Sun, 01 Jan 2023 21:54:25 GMT</pubDate>
|
||||
<description>Este es el primer post del blog!</description>
|
||||
<description>Este es el primer post del weblog!</description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
|
@ -7,6 +7,7 @@
|
|||
import Blog from "./lib/routes/Blog.svelte";
|
||||
import Projects from "./lib/routes/Projects.svelte";
|
||||
import Links from "./lib/routes/Links.svelte";
|
||||
import FirstPost from "./lib/posts/FirstPost.svelte";
|
||||
</script>
|
||||
|
||||
<Router>
|
||||
|
@ -22,6 +23,8 @@
|
|||
<Route path="/recommendations" component={Recommendations} primary={false}/>
|
||||
<Route path="/projects" component={Projects} primary={false}/>
|
||||
<Route path="/links" component={Links} primary={false}/>
|
||||
|
||||
<Route path="/blog/first-post" component={FirstPost}/>
|
||||
</main>
|
||||
</div>
|
||||
</Router>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
<i>mi cabeza</i>
|
||||
<ul>
|
||||
<li><Link to="/blog">blog</Link></li>
|
||||
<li><Link to="/blog">weblog</Link></li>
|
||||
<li><Link to="/recommendations">recomendaciones</Link></li>
|
||||
</ul>
|
||||
|
||||
|
|
|
@ -1,22 +0,0 @@
|
|||
<script>
|
||||
export let id
|
||||
</script>
|
||||
|
||||
<div class="post" id={id}>
|
||||
<h2><slot name="title"><i>Sin título</i></slot> | <a href={`#${id}`}>#</a></h2>
|
||||
<slot name="post">
|
||||
<div>
|
||||
<i>Post vacío</i>
|
||||
</div>
|
||||
</slot>
|
||||
<hr>
|
||||
<slot name="footer"><small><i>Fecha desconocida</i> | <i>Autor desconocido</i></small></slot>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.post {
|
||||
padding: 10px;
|
||||
background-color: rgba(15, 15, 15, 0.45);
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
17
src/lib/PostPreview.svelte
Normal file
17
src/lib/PostPreview.svelte
Normal file
|
@ -0,0 +1,17 @@
|
|||
<script>
|
||||
import {Link} from "svelte-navigator";
|
||||
|
||||
export let id
|
||||
export let name
|
||||
export let date
|
||||
</script>
|
||||
|
||||
<li>
|
||||
<Link to={id}>{date}<u>{name}</u></Link>
|
||||
</li>
|
||||
|
||||
<style>
|
||||
u {
|
||||
margin-left: 35px;
|
||||
}
|
||||
</style>
|
22
src/lib/posts/FirstPost.svelte
Normal file
22
src/lib/posts/FirstPost.svelte
Normal file
|
@ -0,0 +1,22 @@
|
|||
<script>
|
||||
import Post from "./Post.svelte";
|
||||
</script>
|
||||
|
||||
<Post>
|
||||
<svelte:fragment slot="title">Primer post!</svelte:fragment>
|
||||
<small slot="subtitle">01 Enero 2023 | Sofía Aritz</small>
|
||||
<div slot="post">
|
||||
<p>
|
||||
Este es el primer post del weblog! Puedes suscribirte al <a href="/blog/feed.rss">feed</a> para estar al tanto
|
||||
de lo que suba por aquí :)
|
||||
</p>
|
||||
<p>
|
||||
Mi idea es ir contando aquí mis experiencias mientras me muevo por los mundo de Internet y el desarrollo,
|
||||
tal vez en algún momento hago posts más técnicos y en otros simplemente hablo de la cosa que se me ha
|
||||
ocurrido en el momento o de alguna experiencia personal.
|
||||
</p>
|
||||
<p>
|
||||
Dicho esto, deseo a todo el mundo un feliz año nuevo! Nos vemos en breve ;p
|
||||
</p>
|
||||
</div>
|
||||
</Post>
|
9
src/lib/posts/Post.svelte
Normal file
9
src/lib/posts/Post.svelte
Normal file
|
@ -0,0 +1,9 @@
|
|||
<div>
|
||||
<h1><slot name="title"><i>Sin título</i></slot></h1>
|
||||
<slot name="subtitle"><small><i>Fecha desconocida</i> | <i>Autor desconocido</i></small></slot>
|
||||
<slot name="post">
|
||||
<div>
|
||||
<i>Post vacío</i>
|
||||
</div>
|
||||
</slot>
|
||||
</div>
|
|
@ -1,16 +1,12 @@
|
|||
<script>
|
||||
import Post from "../Post.svelte";
|
||||
import PostPreview from "../PostPreview.svelte";
|
||||
</script>
|
||||
|
||||
<h1>blog | <a href="/blog/feed.xml">feed</a></h1>
|
||||
<svelte:head>
|
||||
<title>blog - sofi web</title>
|
||||
</svelte:head>
|
||||
|
||||
<Post id="first-post">
|
||||
<svelte:fragment slot="title">Primer post!</svelte:fragment>
|
||||
<div slot="post">
|
||||
<p>
|
||||
Este es el primer post del blog! Puedes suscribirte al <a href="/blog/feed.xml">feed</a> para estar al tanto
|
||||
de lo que suba por aquí :)
|
||||
</p>
|
||||
</div>
|
||||
<small slot="footer">01 Enero 2023 | Sofía Aritz</small>
|
||||
</Post>
|
||||
<h1>blog | <a href="/blog/feed.rss">feed</a></h1>
|
||||
<ul>
|
||||
<PostPreview id="first-post" name="Primer post!" date="2023-01-01" />
|
||||
</ul>
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
<svelte:head>
|
||||
<title>contacto - sofi web</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1>contacto</h1>
|
||||
<p>Todavía no tengo una gran presencia social, pero la poquita que tengo aquí se encuentra:</p>
|
||||
<ul>
|
||||
|
|
|
@ -2,6 +2,10 @@
|
|||
import {Link} from "svelte-navigator";
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>sofi web</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1>inicio</h1>
|
||||
<i>
|
||||
Es probable que andes aquí por mis <Link to="/projects">proyectos</Link>, si eso es lo que te interesa, puedes ir
|
||||
|
@ -17,15 +21,15 @@
|
|||
</p>
|
||||
<p>
|
||||
Me encantan los <a href="https://es.wikipedia.org/wiki/Lengua_construida">lenguajes construidos</a> y aunque el que
|
||||
más uso es el <a href="https://es.wikipedia.org/wiki/Esperanto">Esperanto</a>, me encanta
|
||||
más uso es el <a href="https://es.wikipedia.org/wiki/Esperanto">Esperanto</a>, amo
|
||||
<a href="https://es.wikipedia.org/wiki/Toki_pona">Toki Pona</a> y me <i>encantaría</i> aprenderlo. Además de esto,
|
||||
amo <a href="https://es.wikipedia.org/wiki/Especial:Aleatoria">Wikipedia</a> y en mis ratos libres intento aportar
|
||||
mi granito de arena.
|
||||
amo <a href="https://es.wikipedia.org/wiki/Wikipedia:Portada">Wikipedia</a> y en mis ratos libres intento aportar
|
||||
mi granito de arena editando algunos artículos.
|
||||
</p>
|
||||
<p>
|
||||
Me gusta mucho <a href="https://es.wikipedia.org/wiki/Rust_(lenguaje_de_programaci%C3%B3n)">Rust</a> y tengo la
|
||||
esperanza de que sea el futuro de la programación
|
||||
(<i>más que nada porque es el lenguaje en el que mejor me manejo :p</i>), aunque empecé a aprender Rust
|
||||
(<i>más que nada porque es el lenguaje en el que mOejor me manejo :p</i>), aunque empecé a aprender Rust
|
||||
<u>circa 2020</u>, llevo un tiempo en este mundillo.
|
||||
</p>
|
||||
<p>
|
||||
|
@ -37,8 +41,9 @@
|
|||
<p>
|
||||
Me encanta el concepto de la web porque permite que todo el mundo pueda tener su lugar donde poder hablar,
|
||||
comunicarse entre sí y desarrollar ideas y pensamientos. A día de hoy esto
|
||||
<a href="https://es.wikipedia.org/wiki/Monopolio">ha cambiado</a>, y la web no es abierta como era anteriormente.
|
||||
Por esto estoy completamente a favor de
|
||||
<a href="https://es.wikipedia.org/wiki/Monopolio">ha</a>
|
||||
<a href="https://es.wikipedia.org/wiki/C%C3%A1mara_de_eco_(medios)">cambiado</a>, y la web no es abierta como era
|
||||
anteriormente. Por esto estoy completamente a favor de
|
||||
<a href="https://es.wikipedia.org/wiki/Est%C3%A1ndar_abierto">estándares abiertos</a> y de la
|
||||
<a href="https://es.wikipedia.org/wiki/Descentralizaci%C3%B3n">descentralización</a>.
|
||||
</p>
|
||||
|
|
|
@ -2,6 +2,10 @@
|
|||
import {Link} from "svelte-navigator";
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>enlaces - sofi web</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1>enlaces</h1>
|
||||
<p>
|
||||
Parece que no hay nadie por aquí :(
|
||||
|
@ -13,7 +17,7 @@
|
|||
<h2>menciones</h2>
|
||||
<ul>
|
||||
<li>Cadence por la inspiración que he tomado de su página web :)<br>
|
||||
<a href="https://cadence.moe" target="_blank">
|
||||
<a href="https://cadence.moe" target="_blank" rel="noopener">
|
||||
<img src="https://cadence.moe/static/img/cadence_now.png" alt="The text "cadence now!" on a purple background. There is a moon-shaped logo on the left side and a tiny star in the bottom right." width="88" height="31">
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
<script>
|
||||
import {Link} from "svelte-navigator";
|
||||
</script>
|
||||
<svelte:head>
|
||||
<title>proyectos - sofi web</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1>proyectos</h1>
|
||||
<p>
|
||||
Ahora mismo no tengo proyectos públicos bajo mi nombre, pero tal vez publique alguna cosa en mi
|
||||
<Link to="/contact">Codeberg</Link> :)
|
||||
Ahora mismo no tengo proyectos públicos bajo mi nombre, pero tal vez publique alguna cosa en mi perfil de
|
||||
<a href="https://codeberg.org/sofiaritz">Codeberg</a> :)
|
||||
</p>
|
||||
<p>
|
||||
Pese a ello, puedo decir que he creado varios proyectos full-stack, librerias relacionadas con cifrado en Rust y
|
||||
Pese a ello, puedo decir que he creado varios proyectos full-stack, librerías relacionadas con cifrado en Rust y
|
||||
herramientas enfocadas a DX, también en Rust :p.
|
||||
</p>
|
||||
<p>
|
||||
|
|
|
@ -1,3 +1,7 @@
|
|||
<svelte:head>
|
||||
<title>recomendaciones - sofi web</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1>recomendaciones</h1>
|
||||
<i>Aquí iré poniendo recomendaciones sobre juegos, libros, música, etc.</i>
|
||||
|
||||
|
@ -23,8 +27,8 @@
|
|||
</p>
|
||||
<p>
|
||||
Tiene una historia que pese a poder ser considerada simple, la manera en que se descubre y la compañía que los
|
||||
escenarios y la música acompañan el descubrimiento es sublime. Un juego muy tranquilo, muy bonito, muy divertido
|
||||
con una historia bien contada. Otro juego 100% recomendable.
|
||||
escenarios y la música dan al descubrimiento es sublime. Un juego muy tranquilo, muy bonito, muy divertido
|
||||
con una historia bien contada. Otro juego 100% recomendado.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
@ -33,7 +37,7 @@
|
|||
<p>
|
||||
<a href="https://store.steampowered.com/app/1407420/Milo_and_the_Magpies/">Milo and the Magpies</a> es un juego
|
||||
de puzles muy corto, con una historia juguetona pero bastante simple que no decepciona.
|
||||
El arte y música son geniales y pese a poder completarse un un par de horas, merece la pena por lo relajante
|
||||
El arte y música son geniales y pese a poder completarse en un par de horas, merece la pena por lo relajante
|
||||
y bello que es el juego.
|
||||
</p>
|
||||
<p>
|
||||
|
|
Loading…
Reference in a new issue