+
Beire
Un propuesta de Maite Redondo y Luca Rullo
diff --git a/src/app/slide/slide.component.html b/src/app/slide/slide.component.html
index ef34a37..b9fc210 100644
--- a/src/app/slide/slide.component.html
+++ b/src/app/slide/slide.component.html
@@ -6,8 +6,16 @@
+
+
+
+
diff --git a/src/app/slide/slide.component.scss b/src/app/slide/slide.component.scss
index 1639369..23bddcd 100644
--- a/src/app/slide/slide.component.scss
+++ b/src/app/slide/slide.component.scss
@@ -6,7 +6,8 @@ div.slide {
height:100vh;
background-size:cover;
background-color:$slide-background;
- background-blend-mode: luminosity;
+ // background-blend-mode: luminosity;
+ filter:invert(1);
background-position: center center;
display:flex;
justify-content: center;
@@ -22,11 +23,12 @@ div.element {
}
div.big-title {
- text-transform:uppercase;
font-weight: bold;
- font-family:"Swiss Bold",sans-serif;
- font-size:10vw;
- opacity:0.6;
+ font-family:"Helvetica Bold",sans-serif;
+ font-size:2vw;
+ color:$primary;
+ opacity:1;
+ max-width: 30px;
}
div.second-title {
@@ -50,4 +52,17 @@ div.arrow {
align-items: center;
align-content: center;
text-align: center;
+ font-size:2vw;
+ font-weight:bold;
+ div.rotate-up { transform:rotate(90deg);}
+ div.rotate-down { transform:rotate(-90deg);}
+}
+
+/* header */
+div.header {
+ position:absolute;z-index:10;top:0;left:0;height:10vh;width:100vw;text-align:left;margin-left:5vw;margin-top:3vw;
+}
+
+div.menu {
+ margin-left:95vw;z-index:200;cursor:pointer;
}
diff --git a/src/assets/font/FrutigerLTStd-Cn.otf b/src/assets/font/FrutigerLTStd-Cn.otf
new file mode 100644
index 0000000..5cf8c52
Binary files /dev/null and b/src/assets/font/FrutigerLTStd-Cn.otf differ
diff --git a/src/assets/font/HelvFE Bold.ttf b/src/assets/font/HelvFE Bold.ttf
new file mode 100644
index 0000000..fe5fbbf
Binary files /dev/null and b/src/assets/font/HelvFE Bold.ttf differ
diff --git a/src/assets/font/HelvFE-Bold.otf b/src/assets/font/HelvFE-Bold.otf
new file mode 100644
index 0000000..bb68f4e
Binary files /dev/null and b/src/assets/font/HelvFE-Bold.otf differ
diff --git a/src/assets/font/HelvLight Regular.ttf b/src/assets/font/HelvLight Regular.ttf
new file mode 100644
index 0000000..f74ccf8
Binary files /dev/null and b/src/assets/font/HelvLight Regular.ttf differ
diff --git a/src/assets/font/HelveticaWorld-Bold.ttf b/src/assets/font/HelveticaWorld-Bold.ttf
new file mode 100644
index 0000000..af6e17d
Binary files /dev/null and b/src/assets/font/HelveticaWorld-Bold.ttf differ
diff --git a/src/styles.scss b/src/styles.scss
index 82100df..c0a4c0d 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -13,25 +13,45 @@
src:url('assets/font/swisslight.woff2');
}
+@font-face{
+ font-family:"Helvetica";
+ src:url('assets/font/HelvLight Regular.ttf');
+}
+
+@font-face {
+ font-family:"Helvetica Bold";
+ src:url('assets/font/HelveticaWorld-Bold.ttf');
+}
+
+@font-face{
+ font-family:"Frutiger";
+ src:url('assets/font/FrutigerLTStd-Cn.otf');
+}
+
body {
margin:0;
padding:0;
background-color:$background-color;
cursor:crosshair;
- font-family:"Swiss Light";
+ font-family:"Frutiger";
}
h1 {
// font-family:"Staatliches",sans-serif;
text-transform:uppercase;
- font-family:"Swiss Bold";
- font-size:10vw;
- opacity:0.6;
+ font-family:"Frutiger";
+ font-weight:100;
+ font-size:2vw;
+ // opacity:0.6;
}
h2 {
font-size:3vw;
- font-family:"Swiss Light",serif;
+ font-family:"Frutiger",serif;
+}
+
+h3 {
+ font-family:"Frutiger";
}
/* animations css */