diff --git a/.gitignore b/.gitignore index 214bbe9..5991e42 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,4 @@ _site .jekyll-cache .jekyll-metadata vendor +.DS_Store diff --git a/_layouts/default.html b/_layouts/default.html index 4e795b0..9ff4766 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -6,9 +6,29 @@ {% include header.html %}
-
-

Ruby UY

-

Comunidad Ruby en Uruguay 🇺🇾

+
+
+

COMUNIDAD RUBY EN URUGUAY

+ +
+
+
+

Sé parte_

+
+
+
+
+ Meetup + Instagram +
+
+ Twitter + Slack + Github +
+
+
+
{{ content }}
diff --git a/_sass/header.scss b/_sass/header.scss new file mode 100644 index 0000000..d4a868c --- /dev/null +++ b/_sass/header.scss @@ -0,0 +1,129 @@ +.mainHeader { + position: absolute; + top: 88px; + left: 0px; + display: flex; + width: 100%; + height: 907px; + flex-direction: column; + + a { + color: inherit; + text-decoration: none; + } +} + +.mainTitleBox { + background: #3967D1; + height: 604px; + width: 100%; + position: relative; + + @media (max-width: 820px) { + height: 260px; + } +} + +.mainTitle { + position: absolute; + top: 20px; + left: 52px; + margin: 0px; + height: 405px; + width: 55.9588%; + color: #FEE5DC; + font-family: 'Syncopate', sans-serif; + font-size: 7.25vw; + font-style: normal; + font-weight: 900; + line-height: 96.5%; +} + +.mainLogo { + position: absolute; + top: 43%; + left: 62%; + width: 29.449%; + z-index: 1; +} + +.mainInfo { + height: 303px; + width: 100%; + display: flex; + flex-direction: row; + + @media (max-width: 820px) { + height: 200px; + + img { + height: auto; + max-width: 20%; + } + } +} + +.mainInvitationBox { + width: 50%; + position: relative; +} + +.mainInvitation { + margin: 0px; + position: absolute; + top: 40px; + left: 52px; + width: 50%; + height: 184px; + color: #3967D1; + font-family: 'Syncopate', sans-serif; + font-size: 4.782vw; + font-style: normal; + font-weight: 900; +} + +.mainLinksBox { + display: flex; + position: relative; + flex-direction: column; + background: #4E9E94; + width: 50%; + color: #FFF; + font-family: 'Syncopate', sans-serif; + font-size: 1.547vw; + font-style: normal; + font-weight: 800; + line-height: normal; +} + +.mainLinks { + position: absolute; + display: flex; + top: 4.531vw; + left: 51px; + width: 90%; + height: 129px; + flex-wrap: wrap; + align-content: center; +} + +.linkRow { + width: 42.448vw; + height: 64.5px; +} + +.shapeLink { + display: inline-flex; + padding: 0.43vw 1.719vw; + justify-content: center; + align-items: center; + gap: 8.25px; + border-radius: 59.396px; + border: 3.3px solid #FFF; + background: rgba(237, 111, 77, 0.00); +} + +.oldSection { + position: absolute; + top: 1007px; +} diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 70690df..b40e91b 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -1,3 +1,8 @@ --- --- @import 'application', 'topbar'; +@import 'header'; + +body { + background: #F6EEEC; +} diff --git a/assets/images/arrow.svg b/assets/images/arrow.svg new file mode 100644 index 0000000..0a84d1d --- /dev/null +++ b/assets/images/arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/logo.svg b/assets/images/logo.svg new file mode 100644 index 0000000..af3c9e0 --- /dev/null +++ b/assets/images/logo.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.md b/index.md index 73b2fa7..1a3d356 100644 --- a/index.md +++ b/index.md @@ -1,3 +1,4 @@ +
+ +