Skip to content

Commit

Permalink
migración a sass y cambio de color y fuente
Browse files Browse the repository at this point in the history
  • Loading branch information
santiagogak committed Sep 24, 2024
1 parent b895cd0 commit 533ad56
Show file tree
Hide file tree
Showing 11 changed files with 597 additions and 312 deletions.
466 changes: 210 additions & 256 deletions css/main.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions css/main.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

104 changes: 52 additions & 52 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,7 @@
<!-- Google Fonts Roboto -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:[email protected]&display=swap" rel="stylesheet">
<!-- CSS principal -->
<link rel="stylesheet" href="css/main.css">
<title>BM Home</title>
Expand Down Expand Up @@ -57,61 +55,63 @@
</header>

<!-- carrusel de imagenes -->
<main class="main-img">
<img src="img/home-craft-beer.png" alt="Home Beer">
</main>

<!-- snippet sobre mi -->
<section class="snippets">
<div class="about-me-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/about.html">Sobre BarbaMalteada</a>
</div>
<main>
<div class="main-img">
<img src="img/home-craft-beer.png" alt="Home Beer">
</div>
<div class="reviews-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/reviews.html">Recomendaciones BM</a>
</div>
</div>
<div class="contact-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">

<!-- snippet sobre mi -->
<div class="snippets">
<div class="about-me-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/about.html">Sobre BarbaMalteada</a>
</div>
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/contact.html">Eventos BM</a>
<div class="reviews-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/reviews.html">Recomendaciones BM</a>
</div>
</div>
</div>
<div class="merch-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
<div class="contact-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/contact.html">Eventos BM</a>
</div>
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/merch.html">Merch BM</a>
<div class="merch-snippet snippet">
<div class="snippet-img">
<img src="img/beer_placeholder.png" alt="about-me-snippet">
</div>
<div class="snippet-descr">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum at corrupti, reprehenderit eaque
quod
quasi maiores et perferendis iusto possimus aliquam! Nisi nesciunt vitae aperiam ipsam suscipit
repellat eaque modi.</p>
<a href="page/merch.html">Merch BM</a>
</div>
</div>
</div>
</section>
</main>



Expand Down
2 changes: 1 addition & 1 deletion page/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<!-- Google Fonts Roboto -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
<!-- CSS principal -->
<link rel="stylesheet" href="../css/main.css">
<title>Sobre BM</title>
Expand Down
2 changes: 1 addition & 1 deletion page/contact.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<!-- Google Fonts Roboto -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
<!-- CSS principal -->
<link rel="stylesheet" href="../css/main.css">
<title>Eventos BM</title>
Expand Down
2 changes: 1 addition & 1 deletion page/merch.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<!-- Google Fonts Roboto -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
<!-- CSS principal -->
<link rel="stylesheet" href="../css/main.css">
<title>BM Merch</title>
Expand Down
2 changes: 1 addition & 1 deletion page/reviews.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<!-- Google Fonts Roboto -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap" rel="stylesheet">
<!-- CSS principal -->
<link rel="stylesheet" href="../css/main.css">
<title>Recomendaciones BM</title>
Expand Down
Loading

0 comments on commit 533ad56

Please sign in to comment.