entrega/index.html at main · dian1x-e/entrega · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<html lang="en">
<head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <!--FUENTE 1: NUNITO SANS-->
  <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
<!--FUENTE2: WORKBENCH--QUE NO USÉ :p-->
<link href="https://fonts.googleapis.com/css2?family=Workbench&display=swap" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css2?family=B612+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">

<style>
  #yo{
    font-family:'B612 Mono', monospace;
  font-size:1rem;
    color:#94d1be;

  <div class='multicolor-linear'></div>
  }
<!-- Por cierto, como hasta ahora hago código, cuando busco codigos en otras páginas como w3schools, me gusta modificar ahi mismo el codigo para que cuando lo aplique a esta página no se me atrofien las cosas que ya tengo hechas. Entonces si lo pego como lo modifique no corro el riesgo de que mis deditos torpes que les encata escribir typos, se tiren lo que he hecho -->


</style>
</head>


  <main>

<!-- LILI, LO QUE LEES EN ESTA PARTE ES UNA MINI BITACORA, DONDE REGISTRE Mi PROCESO AL INTENTAR ANIMAR UN TITULO.... y no lo usé :D

-el titulo va con un fondo animado para que llamara la atención, y también para que lo separara del resto del contenido.  pero quería que la palabra "digital" se revelara de alguna manera sin tener que animarla, entonces la hice del mismo color del fondo
Incluí dos fuentes al inicio del codigo: nunito, que se aplica al cuerpo, titulos y subtituls; y workbench, para términos epecificos o textos con jerarquias y funciones distintas. (SPOILER de Diana 2 horas despúes de haber escrito esto: decidí no usar Workbench)

  -Me estoy dando cuenta que tengo que usar  el div para separar la palabra del resto del titulo, pero no se como cuadrar esa division para que no se cambie la posicion... lo averiguaremossss
  Según lo que estoy encontrando toca hacer 2 div y dos class, una para definir que parte del texto es, y la otra para definir la fuente en el css

  1 hora despúes: creo que tengo que configurar algo que se llama fontface, pero voy a intentar una vez más para ver si es relamente necesario... o voy a perder el tiempo >:(
    Estoy intentando hacer un id, pero creo que igual tendré que poner el fontface porque no me aplica la fuente

40 min después: el id funcionó, y el resto se descontroló 😘. También quería animarlo pero se veía *horrible*
FUN FACT: La fuente que escogí se ve horrible, y no quiero aplicarla al resto del título porque sería demasiado... Perdí 2 horas :p, pero no realmente. Hay que JUGAR JUGAR JUGAR.
-->
<h1>
  Edición digital 101 </h1>
    <h2><i> -Para esa gente del sur que no sabe comportarse-<br>Así como Aaron Swartz hubiese querido que actuáramos en la red</br></i> <!--posiblemente sea una exageración traer a Aaron a la conversación... pero le debemos un monton de cosas, como el open source y la pelea por como se difunde la información y la cultura, que le pertenece a todos e irónicamente tenemos que pagar por ciertas cosas-->
      <class= "google" style="font-size:100%;" style="text-align: center;">  <i> </i>  </h2>

  </main>


    <div> <h3>ꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤ</h3> <!--las florecitas no solo son un separador. Y puede que sean innecesarias, porque el tamaño del encabezado ya es lo suficientemente grande. Peeeroooo, poder hablar en este lenguaje- o beuno aprenderlo a hablar para construir cositas. También, puede ser un ejercicio de expresion o de personalizacion de los espacios.  Entonces, puede que no singifiquen algo pero con ellas quiero apuntar a que el aspecto utilitario de las tecnologías no es imperativo, y tampoco lo es el aspecto de complacencia o de objetividad estetica o que tenga una finalidad trascendente.  Tomarnos los espacios digitales desde nuestras posiciones y hacer lo que querammos con ellas, y no lo que se nos diga qué es lo que deberíamos hacer con nuestros espacios, o voces virtuales, habitaciones virtuales que cualquiera puede visitar.

Un ejemplo para nada serio, es el proyecto useless web que es una coleccion de paginas inutiles. como https://www.rrrgggbbb.com/
   </div>
    <!--&#128035-->
    <br> </br>
 <body>

   <p class='reglaprim'><br>1- Definir desde dónde habla, porqué existe -y resiste- mi publicación</br></p> <!--Tener un própositom por efímero que sea el proyecto, simplemente es hacer las cosas bien-->
   <p class='reglados'><br> 2- Humanizar a mis "audiencias".</br></p>
   <p class='reglater'><br>3- Saber qué temas de conversación actuales sobre lo digital necesitaria conocer, y tendría que compartir.</br> </p>
<p class='reglacuarto'>4- SÍ a la interdisciplinariedad, cooperación e intercambio comunitario.
<p class='reglaquinto'><br>5- Mantenernxs actualizadxs. </br> <!--Al investigar o leer cosas por pura curiosidad, al explorar nuevos formatos, o modos de hacer las cosas, de diseñar, en lo que leo, etc. Tmbaién es importatne compartir lo quje encontramos. Si esto es un mini manifiesto editorial, la trasmision de eso que creemos valioso debería ser una practica comín-->
<p class='reglasex'> 6-Actuar y trabajar desde y para lo pequeño, lo local.<u>Siempre.</u> </p>
 <p class='reglasept'><br> 7- JUGAR. JUGAR. JUGAR.</br> <!-- Ser curiosa, y experiemntar, es al final jugar para  convertrise en experto, y a la final poder trabajar meejor y hacer cosas bonitas, provechosas, *nutritivas* -->

 <p class='reglaocta'><br>8- No hacer por hacer, por ego o lo que sea</br> <!--y caer en la trampa monopolizadora y gatekeeper de las cosas. Crear con proposito y hacer cosas con alma, funcoinales para las personas por las cuales estoy haciendo cosas. Entender que lo que yo hago, diseño y divulgo impacta a las personas de una u otra manera, da forma a sus vidas. --><br>...En fin, Design Justice &#128528&#128077 </br>
 <p class='reglanona'><br> 9- Google es mi pastor, nada me falta </br><!--- También Reddit y YT!!-->
    <div> <h3>ꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤꕤ</h3</div>

  <p id="yo"> <i>«Principios de la edición digital, según Diana» </i><p>

  <!--Puede que haya estado tentada a jugar más con la creacion de la página, pero, cuando juego las cosas salen chisotsas. No chistoso coqueto, sino chisotos meme pero lo del codigo desde el sur no puede ser un meme (triste)-->


  </body>
</html>