sofia/website
Archived
1
0
Fork 0
Code Issues 3 Pull requests Packages Projects Releases Wiki Activity

Improve weblog and nits

Browse source 
- 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:
Sofía Aritz 2023-01-02 03:05:38 +01:00
parent cce91e6649
commit 1739b7337d
14 changed files with 96 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -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>

4
public/blog/feed.xml → public/blog/feed.rss
View file

@ -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>

3
src/App.svelte
View file

@ -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>

2
src/lib/Navbar.svelte
View file

@ -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>

22
src/lib/Post.svelte
View file

@ -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
View 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
View 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
View 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>

20
src/lib/routes/Blog.svelte
View file

@ -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>

4
src/lib/routes/Contact.svelte
View file

@ -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>

17
src/lib/routes/Home.svelte
View file

@ -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>

6
src/lib/routes/Links.svelte
View file

@ -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 &quot;cadence now!&quot; 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>

12
src/lib/routes/Projects.svelte
View file

@ -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>

10
src/lib/routes/Recommendations.svelte
View file

@ -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>