Skip to content

Commit

Permalink
Release/70 last changes to deploy (#71)
Browse files Browse the repository at this point in the history 
* Add cover image on last post

* Reduces width of posts list and svg max-width

* Closes #70 Replace or delete old color variables

* Change card font size, delete padding from h1 of blog section, add font-secondary to strong tag

* Change of last post structure

Added button on CTA and changed some paragraphs to titles

* Update color variables of post.liquid and theme-color with new colors
  • Loading branch information
@ail3ngrimaldi
ail3ngrimaldi authored Oct 4, 2023
1 parent 2257fcd commit 28f43b6
Show file tree
Hide file tree
Showing 10 changed files with 32 additions and 33 deletions.
2 changes: 1 addition & 1 deletion _includes/footer.liquid
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<footer id="footer">
<footer id="footer" class="dark-olive-bg">
<a href="#" class="logo">
{% include "virto_logo_small.svg" %}
</a>
Expand Down
22 changes: 10 additions & 12 deletions _layouts/blog.liquid
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,28 +4,26 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ site.description }}">
<meta name="theme-color" content="#3A3387">
<meta name="theme-color" content="#8d52cb">
<title>{{ page.title }}</title>

<style>
body { background: var(--color-bg-alt); display: flex; flex-direction: column; }
#blog { background-color: var(--clr-white); padding: 5rem 2rem; }
body { display: flex; flex-direction: column; }
#blog { width: 100%; max-width: var(--max-width); margin: auto; }
main { flex: 1; padding: 1rem; }
footer { background: var(--color-bg); }
figure { display: flex; align-items: center; flex-direction: column; }
figure svg {
height: 100%;
width: 100%;
max-width: 500px;
max-width: 200px;
margin: auto;
}
h1 { height: 20vh; display: flex; padding: 0 1rem; }
h1 { height: 20vh; display: flex; }
#posts { flex: 1; margin: 0; padding: 0; list-style: none; }
#posts li { position: relative; width: 100%; margin: 1rem 0; }
#posts .card {
background: var(--color-bg);
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-sizing: border-box;
Expand All @@ -51,7 +49,7 @@
#posts .card time {
display: flex; align-items: center;
color: var(--color-alt);
color: var(--clr-lavender-lighter);
font-size: 0.9em; font-style: italic;
justify-content: flex-end;
line-height: 1.5rem;
Expand All @@ -60,12 +58,12 @@
#posts .card a {
display: flex;
align-items: center;
color: var(--color-text);
color: inherit;
text-decoration: none;
outline: none;
flex: 2;
}
#posts .card a:is(:hover,:focus) h2 { text-decoration: underline var(--color-alt) 3px; }
#posts .card a:is(:hover,:focus) h2 { text-decoration: underline var(--clr-lavender-lighter) 3px; }
#posts .card a h2 {
margin: 0;
text-underline-offset: 4px;
Expand All @@ -74,7 +72,7 @@
}
#posts li:nth-of-type(n+3) .card h2 { font-size: 1.3em;}
#posts .card :is(time,a,p) { padding: 0 1rem; box-sizing: border-box; }
#posts .card p { margin: 0; }
#posts .card p { margin: 0; font-size: .750em; }
#posts li:nth-of-type(n+3) .card p { display: none; }
@media screen and (min-width: 700px) {
Expand Down Expand Up @@ -114,7 +112,7 @@
</style>
</head>

<body>
<body class="white-bg">
{% include "nav.liquid" %}
<main class="max" id="blog">
{{ page.content }}
Expand Down
2 changes: 1 addition & 1 deletion _layouts/docs.liquid
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ site.description }}">
<meta name="theme-color" content="#3A3387">
<meta name="theme-color" content="#8d52cb">
<title>{{ page.title }}</title>

<link rel="stylesheet" href="/css/layout.css">
Expand Down
2 changes: 1 addition & 1 deletion _layouts/index.liquid
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<title>{{ page.title }}</title>

<!-- change color -->
<meta name="theme-color" content="#3A3387">
<meta name="theme-color" content="#54c95e">
<link rel="stylesheet" href="/css/index.css">
<link rel="stylesheet" href="/css/layout.css">
<link rel="stylesheet" href="/css/variables.css">
Expand Down
17 changes: 8 additions & 9 deletions _layouts/post.liquid
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,19 +4,18 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ site.description }}">
<meta name="theme-color" content="#3A3387">
<meta name="theme-color" content="#8d52cb">
<title>{{ page.title }}</title>

<style>
#post { background-color: var(--clr-white); }
main { padding: 2rem 1rem; box-sizing: border-box; }
header h1, header p { text-align: center; }
header h1 { margin-top: 8vh; color: var(--color-accent); }
header p { font-style: italic; }
header time::after { content: '⬣'; margin: 0 1em; color: var(--color-alt); }
header h1 { margin-top: 8vh; }
header p { font-style: italic; color: var(--clr-olive-darker); margin-top: 1em; }
header time::after { content: '⬣'; margin: 0 1em; color: var(--clr-lavender-lighter); }
header picture {
align-items: center;
background: var(--color-accent);
color: white;
display: flex;
justify-content: center;
Expand All @@ -29,15 +28,15 @@
header img { object-fit: cover; width: 100%; height: 100%; }
article { font-size: 1.1em; line-height: 1.8em; max-width: 700px; margin: auto; }
article>p { margin: calc(1.5rem + 2vmin) 0; }
article strong { color: var(--color-accent); }
article a { color: var(--color-alt); }
article strong { color: var(--clr-olive-darker); }
article a { color: var(--clr-lavender-darker); }
article ul { list-style: "⬡ "; }
blockquote {
background: var(--color-bg-alt);
background: var(--clr-green-lighter);
border-radius: 5px;
margin: 2rem 0; padding: 1rem;
}
blockquote p { margin: 0; color: var(--color-text-alt); }
blockquote p { margin: 0; }
code { vertical-align: bottom; }
</style>
</head>
Expand Down
16 changes: 9 additions & 7 deletions blog/02_web3-saas-beneficios.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ is_draft: false
---


**Virto: Desarrollo e Integración de Herramientas Digitales para Tu Negocio**
# Virto: Desarrollo e Integración de Herramientas Digitales para Tu Negocio

En Virto te ofrecemos soluciones personalizadas para la Web 3.0, así proteges tus datos sin perder la libertad que mereces en el mundo digital. **¡Sigue leyendo!**

Expand All @@ -24,7 +24,7 @@ Ahora, la **Web 3.0** busca cambiar el juego. Se trata de darte el control total

Al ser una solución diseñada para esta nueva web, Virto te permite navegar, compartir y trabajar en línea con la seguridad de que tus datos están protegidos y en tus manos. No más intermediarios que decidan por ti, **¡tú tienes el control!**

**1. Definición de Virto**
### 1. Definición de Virto

**Virto** es una plataforma que ofrece el desarrollo e integración de herramientas digitales diseñadas para potenciar comunidades y negocios en el entorno web 3. Entre estas herramientas se encuentran:

Expand All @@ -34,9 +34,9 @@ Al ser una solución diseñada para esta nueva web, Virto te permite navegar, co
* **Pasarelas de pago descentralizadas:** Son sistemas de pago que operan en una red blockchain, asegurando transacciones rápidas y seguras.
* **Gestión de comunidades y más:** Ofrece herramientas para administrar y crecer comunidades en línea, desde chats hasta votaciones y decisiones comunitarias en una plataforma descentralizada

**Nuestro objetivo es hacer que la tecnología moderna, como la Web 3.0, sea accesible y útil para todos.**
> **Nuestro objetivo es hacer que la tecnología moderna, como la Web 3.0, sea accesible y útil para todos.**
**2. Arquitectura de Virto**
### 2. Arquitectura de Virto

**2.1 Blockchain**

Expand Down Expand Up @@ -78,6 +78,8 @@ Al ser una solución diseñada para esta nueva web, Virto te permite navegar, co

¿Cansado de que las herramientas digitales no se adapten a las necesidades únicas de tu negocio? En **Virto**, entendemos tus desafíos. **Regístrate** y cuéntanos tus inquietudes; trabajaremos juntos para ofrecerte **soluciones personalizadas** que realmente funcionen para ti. **¡Da el siguiente paso hacia el éxito digital!** 🚀

**[Regístrate](https://forms.gle/hSjzyETwuGMadsaU8)**


<button>
<a href="https://forms.gle/hSjzyETwuGMadsaU8" >
¡Registrate!
</a>
</button>
2 changes: 1 addition & 1 deletion css/common.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ li { font-size: var(--font-size-list); }


/*General font-family for these elements, add here any other element you want*/
a, button, p, li, h3, h5 { font-family: var(--font-secondary); }
a, button, p, li, h3, h5, strong { font-family: var(--font-secondary); }
span { font-family: inherit; }
/*Add one of these classes to your element to add a text-alignment*/
.right { text-align: right; }
Expand Down
2 changes: 1 addition & 1 deletion css/layout.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@ footer {
flex-direction: row;
justify-content: end;
flex-wrap: wrap;
margin: 3rem;
padding: 3rem;
gap: 3rem;
}

Expand Down
Binary file added img/blog/02-web3-saas-beneficios.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/blog/02-web3-saas-beneficios_s.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 28f43b6

Please sign in to comment.