GDG Luanda
-Connect with other developers interested in learing Google tecnologies. GDG Luanda welcomes you to attend our meetings.
-- Join Us -
-diff --git a/assets/css/gdg-angola.css b/assets/css/gdg-angola.css new file mode 100644 index 0000000..6c95afb --- /dev/null +++ b/assets/css/gdg-angola.css @@ -0,0 +1,276 @@ +/*GDG Luanda custom style +*** ***** ***** ******* ******* **** +*** *** *** * ** *** ****** **** +* ********* **** +* *** ** + +*/ + +.lead { + font-size: 1.1rem !important; + font-weight: 100 !important; +} + +.logo { + position: absolute; + top: 0; + left: 23%; +} + +.gdg-angola { + background-color: #26272b; + padding: 45px 0 20px; + font-size: 15px; + border-radius: 15px; + line-height: 24px; + color: #737373; +} + +.gdg-angola hr { + border-top-color: #bbb; + opacity: 0.5; +} + +.gdg-angola hr.small { + margin: 20px 0; +} + +.gdg-angola h6 { + color: #fff; + font-size: 16px; + text-transform: uppercase; + margin-top: 5px; + letter-spacing: 2px; +} + +.gdg-angola a { + color: #737373; +} + +.gdg-angola a:hover { + color: #3366cc; + text-decoration: none; +} + +.footer-links { + padding-left: 0; + list-style: none; +} + +.footer-links li { + display: block; +} + +.footer-links a { + color: #737373; +} + +.footer-links a:active, .footer-links a:focus, .footer-links a:hover { + color: #3366cc; + text-decoration: none; +} + +.footer-links.inline li { + display: inline-block; +} + +.gdg-angola .social-icons { + text-align: right; +} + +.gdg-angola .social-icons a { + width: 40px; + height: 40px; + line-height: 40px; + margin-left: 6px; + margin-right: 0; + border-radius: 100%; +} + +.copyright-text { + margin: 0; +} + +/*button style*/ + +.btn-p { + padding: 0.375rem 2.75rem !important; + border-radius: 10px !important; + /* border: 2px solid #4285f4; border: 1px solid #4285f4;*/ +} + +/*type txt*/ + +span.type { + margin: 0 auto; +} + +span.type::after { + content: '|'; + display: inline; + animation: blink 0.7s infinite; +} + +/*Removes cursor that comes with typed.js*/ + +.typed-cursor { + opacity: 0; + display: none; +} + +/*Custom cursor animation*/ + +@keyframes blink { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-webkit-keyframes blink { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@-moz-keyframes blink { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +/*Custom style icons social*/ + +.icon-social-w { + top: 1.5px; + position: relative; +} + +.social-icons { + position: relative; + top: -10px; +} + +.social-icons { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.social-icons li { + display: inline-block; + margin-bottom: 4px; +} + +.social-icons li.title { + margin-right: 15px; + text-transform: uppercase; + color: #96a2b2; + font-weight: 700; + font-size: 13px; +} + +.social-icons a { + color: #818a91; + font-size: 16px; + display: inline-block; + line-height: 44px; + width: 44px; + height: 44px; + text-align: center; + margin-right: 8px; + border-radius: 100%; + -webkit-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +.social-icons a:active, .social-icons a:focus, .social-icons a:hover { + color: #fff; + background-color: #29aafe; +} + +.social-icons.size-sm a { + line-height: 34px; + height: 34px; + width: 34px; + font-size: 14px; +} + +.social-icons a.facebook:hover { + background-color: #5d7bbb; +} + +.social-icons a.twitter:hover { + background-color: #15bffd; +} + +.twitter { + background-color: #00aced; + color: #fff !important; +} + +.facebook { + background-color: #3b5998; + color: #fff !important; +} + +.social-icons a.linkedin:hover { + background-color: #007bb6; +} + +.social-icons a.dribbble:hover { + background-color: #ea4c89; +} + +@media (max-width: 767px) { + .social-icons li.title { + display: block; + margin-right: 0; + font-weight: 600; + } +} + +/*mobile logo adaptive*/ + +@media screen and (max-width: 900px) { + .img-logo { + width: inherit; + height: inherit; + margin-left: 7%; + } +} + +/*adaptive custom*/ + +@media (max-width: 991px) { + .gdg-angola [class^="col-"] { + margin-bottom: 30px; + } +} + +@media (max-width: 767px) { + .gdg-angola { + padding-bottom: 0; + } + .gdg-angola .copyright-text, .gdg-angola .social-icons { + text-align: center; + } +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index d2a92fc..f038020 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500&display=swap'); + a, a:focus, a:hover { @@ -22,6 +24,7 @@ a:hover { html, body.home { height: 100%; + font-family:'Baloo 2',cursive !important; background-image:url(../img/bg.jpg); background-size: cover; background-repeat: repeat; @@ -37,7 +40,7 @@ body { display: -ms-flexbox; display: flex; color: #fff; - text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); + /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/ box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); } @@ -59,7 +62,7 @@ body { .nav-masthead .nav-link { padding: .25rem 0; - font-weight: 700; + font-weight: 200; color: rgba(255, 255, 255, .5); background-color: transparent; border-bottom: .25rem solid transparent; @@ -110,9 +113,10 @@ body { /* *Logo +*SVG resolution */ .img-logo{ - width: 30px; - height: 30px; + width: 50px; + height: 30px; } \ No newline at end of file diff --git a/assets/img/bg.jpg b/assets/img/bg.jpg index ba675fb..3b17851 100644 Binary files a/assets/img/bg.jpg and b/assets/img/bg.jpg differ diff --git a/assets/img/bgc.jpg b/assets/img/bgc.jpg new file mode 100644 index 0000000..ba675fb Binary files /dev/null and b/assets/img/bgc.jpg differ diff --git a/assets/img/llogo.png b/assets/img/llogo.png new file mode 100644 index 0000000..577fffa Binary files /dev/null and b/assets/img/llogo.png differ diff --git a/assets/img/logo.png b/assets/img/logo.png index 577fffa..67b4d77 100644 Binary files a/assets/img/logo.png and b/assets/img/logo.png differ diff --git a/assets/img/logo.svg b/assets/img/logo.svg new file mode 100644 index 0000000..6290444 --- /dev/null +++ b/assets/img/logo.svg @@ -0,0 +1,18 @@ + \ No newline at end of file diff --git a/assets/img/logo.webp b/assets/img/logo.webp new file mode 100644 index 0000000..880ca03 Binary files /dev/null and b/assets/img/logo.webp differ diff --git a/assets/js/app.js b/assets/js/app.js index 55b9c68..03a73e4 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1,3 +1,12 @@ + +/*GDG Luanda custom script +*** ***** ***** ******* ******* **** +*** *** *** * ** *** ****** **** +* ********* **** +* *** ** + +*/ + 'use strict'; // Open offsite navigation. $('#nav-expander').on('click', function(e) { @@ -74,14 +83,39 @@ $(window).load(function () { smoothScroll.init(); }); +//Please animate TypedText +document.addEventListener("DOMContentLoaded", function () { + Typed.new(".type", { + strings: ["Meetings.","Activities.","Events."], + stringsElement: null, + // typing speed + typeSpeed: 60, + // time before typing starts + startDelay: 600, + // backspacing speed + backSpeed: 20, + // time before backspacing + backDelay: 500, + // loop + loop: true, + // false = infinite + loopCount: false, + // show cursor + showCursor: false, + // character for cursor + cursorChar: "|", + // attribute to type (null == text) + attr: null, + // either html or text + contentType: "html" + }); +}); //What happen on window resize $(window).resize(function () { homeFullScreen(); }); - - //Set langitude and latidute for your location var lat = -8.827042; var lng = 13.246121; diff --git a/favicon.ico b/favicon.ico index 4a02551..67b4d77 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/index.html b/index.html index b210022..560e45e 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ +
@@ -7,65 +8,86 @@
- Connect with other developers interested in learing Google tecnologies. GDG Luanda welcomes you to attend our meetings.
-- Join Us -
-