Skip to content

Commit

Permalink
More code clean up, add background image to the intro section
Browse files Browse the repository at this point in the history
  • Loading branch information
vgeorge committed Apr 5, 2024
1 parent 3cd9996 commit b72874d
Show file tree
Hide file tree
Showing 280 changed files with 70 additions and 2,453 deletions.
3 changes: 3 additions & 0 deletions Gemfile
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ gem "minima", "~> 2.5"
# If you have any plugins, put them here!
group :jekyll_plugins do
gem "jekyll-feed", "~> 0.12"
gem 'jekyll_picture_tag', '~> 2.0'
end

# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem
Expand All @@ -31,3 +32,5 @@ gem "wdm", "~> 0.1.1", :platforms => [:mingw, :x64_mingw, :mswin]
# Lock `http_parser.rb` gem to `v0.6.x` on JRuby builds since newer versions of the gem
# do not have a Java counterpart.
gem "http_parser.rb", "~> 0.6.0", :platforms => [:jruby]


15 changes: 15 additions & 0 deletions Gemfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,13 @@ GEM
jekyll (>= 3.8, < 5.0)
jekyll-watch (2.2.1)
listen (~> 3.0)
jekyll_picture_tag (2.1.0)
addressable (~> 2.6)
jekyll (~> 4.0)
mime-types (~> 3.0)
objective_elements (~> 1.1)
rainbow (~> 3.0)
ruby-vips (~> 2.0.17)
kramdown (2.4.0)
rexml
kramdown-parser-gfm (1.1.0)
Expand All @@ -59,19 +66,26 @@ GEM
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.4.0)
mime-types (3.5.2)
mime-types-data (~> 3.2015)
mime-types-data (3.2024.0305)
minima (2.5.1)
jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
objective_elements (1.1.2)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (5.0.4)
rainbow (3.1.1)
rake (13.1.0)
rb-fsevent (0.11.2)
rb-inotify (0.10.1)
ffi (~> 1.0)
rexml (3.2.6)
rouge (4.2.1)
ruby-vips (2.0.17)
ffi (~> 1.9)
safe_yaml (1.0.5)
sass-embedded (1.72.0)
google-protobuf (>= 3.25, < 5.0)
Expand Down Expand Up @@ -133,6 +147,7 @@ DEPENDENCIES
http_parser.rb (~> 0.6.0)
jekyll (~> 4.3.3)
jekyll-feed (~> 0.12)
jekyll_picture_tag (~> 2.0)
minima (~> 2.5)
tzinfo (>= 1, < 3)
tzinfo-data
Expand Down
6 changes: 3 additions & 3 deletions _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ t:
url: https://wiki.openstreetmap.org/wiki/State_Of_The_Map_Latam_2024
intro_section:
alt_text: "State of the Map LATAM - Belém 2024"
headline: "What world do your maps reveal?"
headline: "The Latin American OpenStreetMap Conference"
location: "Belém, Brazil"
dates: "December 7 and 8"
register_button: "Register"
Expand Down Expand Up @@ -85,7 +85,7 @@ t:
# Sections
intro_section:
alt_text: "State of the Map LATAM - Belém 2024"
headline: "¿Qué mundo revelan tus mapas?"
headline: "La conferencia latinoamericana de OpenStreetMap"
location: "Belém, Brasil"
dates: "7 y 8 de diciembre"
register_button: "Regístrate"
Expand Down Expand Up @@ -120,7 +120,7 @@ t:
url: https://wiki.openstreetmap.org/wiki/Pt:State_of_the_Map_Latam_2024
intro_section:
alt_text: "State of the Map LATAM - Belém 2024"
headline: "Que mundo os seus mapas revelam?"
headline: "A conferência latino-americana de OpenStreetMap"
location: "Belém, Brasil"
dates: "7 e 8 de dezembro"
register_button: "Registre-se"
Expand Down
97 changes: 2 additions & 95 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,28 +1,5 @@
<div id="mastfooter">
<div class="container">
<div class="row bottom-espace text-center">
<div class="col-sm-12 col-md-3 col-md-offset-3">
{% assign indexPage=site.pages | where:"ref", "index" | where:"lang", page.lang %}
<a class="dark site-title" href="{{ indexPage.url }}">
<div class="title-sotm">{{ site.title }}</div>
</a>
</div>
<div class="col-sm-12 col-md-6">
<a href="https://osm.org"><img class="social-icon" src="{{ " /images/osm.png" | relative_url }}"
alt="OpenStreetMap"></a>
<a target="_blank" href="https://twitter.com/OSMLatam"><img class="social-icon" src="{{ " /images/tw.png" |
relative_url }}" alt="twitter"></a>
<a target="_blank" href="https://www.facebook.com/osmlatam"><img class="social-icon" src="{{ " /images/fb.png" |
relative_url }}" alt="facebook"></a>
<a target="_blank" href="https://www.youtube.com/channel/UCzYgQtCudy1ihZYAlpC3EXQ"><img class="social-icon"
src="{{ " /images/youtube.png" | relative_url }}" alt="youtube"></a>
<a target="_blank" href="https://www.instagram.com/osm_latam_py2024/"><img class="social-icon" src="{{"
/images/instagram.png" | relative_url }}" alt="instagram"></a>
<a target="_blank" href="mailto:[email protected]"><img class="social-icon" src="{{ " /images/correologo.png" |
relative_url }}" alt="Correo"></a>
</div>
</div>
</div>

</div>

<!-- Javascript
Expand All @@ -35,74 +12,4 @@
src="https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-grayscale/3.3.7/js/grayscale.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular-route.js"></script>
<script type="text/javascript" src='{{ "/js/main.js" | prepend: site.baseurl }}'></script>
<!-- Custom Theme JavaScript -->
<script>
// Closes the sidebar menu
$("#menu-close").click(function (e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Opens the sidebar menu
$("#menu-toggle").click(function (e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Scrolls to the selected menu item on the page
$(function () {
$('a[href*=#]:not([href=#],[data-toggle],[data-target],[data-slide])').click(function () {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
//#to-top button appears after scrolling
var fixed = false;
$(document).scroll(function () {
if ($(this).scrollTop() > 250) {
if (!fixed) {
fixed = true;
// $('#to-top').css({position:'fixed', display:'block'});
$('#to-top').show("slow", function () {
$('#to-top').css({
position: 'fixed',
display: 'block'
});
});
}
} else {
if (fixed) {
fixed = false;
$('#to-top').hide("slow", function () {
$('#to-top').css({
display: 'none'
});
});
}
}
});
</script>

<script>window.twttr = (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);

t._e = [];
t.ready = function (f) {
t._e.push(f);
};

return t;
}(document, "script", "twitter-wjs"));</script>
<script type="text/javascript" src='{{ "/js/main.js" | prepend: site.baseurl }}'></script>
9 changes: 3 additions & 6 deletions _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -44,17 +44,14 @@
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-grayscale/3.3.7/css/grayscale.min.css">
<link href="https://fonts.googleapis.com/css?family=Chivo:300,400,700&display=swap" rel="stylesheet">
<!--
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-grayscale/3.3.7/css/grayscale.min.css">
-->


<link rel="stylesheet" href="/assets/css/styles.css">

<!-- Leaflet -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>

<link rel="stylesheet" href="{{ " /css/main.css" | relative_url }}">

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"
integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI=" crossorigin="anonymous"></script>
Expand Down
11 changes: 6 additions & 5 deletions _includes/home/intro.html
Original file line number Diff line number Diff line change
@@ -1,27 +1,28 @@
<header class="intro">
<div class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<img src="{{ "/images/SotMLatam19.png" | relative_url }}" alt="{{ site.t[page.lang].intro_section.alt_text }}" class="img-responsive main-logo">
<h1>{{ site.t[page.lang].intro_section.headline }}</h1>
<h4 class="margin: 0px">{{ site.t[page.lang].intro_section.location }}</h4>
<h2>{{ site.t[page.lang].intro_section.dates }}</h2>
<div class="about-button">
<span class="col-xs-12 col-sm-4 btn-item">
<a class="btn btn-default" href="https://www.eventbrite.com/e/osm-latam-py-2024-tickets-70204859625" target="_blank" role="button">{{ site.t[page.lang].intro_section.register_button }}</a>
<a class="btn btn-default" href="https://www.eventbrite.com/e/osm-latam-py-2024-tickets-70204859625"
target="_blank" role="button">{{ site.t[page.lang].intro_section.register_button }}</a>
</span>
<span class="col-xs-12 col-sm-4 btn-item">
<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</span>
<span class="col-xs-12 col-sm-4 btn-item">
<a target="_blank" class="btn btn-default" href="https://www.papercall.io/osmlatam" role="button">{{ site.t[page.lang].intro_section.submit_presentation }}</a>
<a target="_blank" class="btn btn-default" href="https://www.papercall.io/osmlatam" role="button">{{
site.t[page.lang].intro_section.submit_presentation }}</a>
</span>
</div>
</div>
</div>
</div>
</div>
</header>
</div>
92 changes: 0 additions & 92 deletions _includes/home/sponsors.html
Original file line number Diff line number Diff line change
@@ -1,96 +1,4 @@
<section id="sponsors" class="container content-section text-center">
<div class="row text-center">
<h2>
Patrocinan
</h2>
</div>
<div class="row" style="height: 100%;">
<div class="col-sm-12 col-md-4 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/cnc.png" | prepend: site.baseurl }}" alt="kaart" width="300">
</a>
</div>
<div class="col-sm-12 col-md-4 margen">
<a href="" target="_blank">
<img src="{{ " /images/topa.png" | prepend: site.baseurl }}" alt="kaart" width="250">
</a>
</div>
<div class="col-sm-12 col-md-4 margen" style="display:flex;align-items: center;margin: auto;">
<a href="" target="_blank">
<img src="{{ " /images/teisa.png" | prepend: site.baseurl }}" alt="kaart" width="165">
</a>
</div>


</div>

<div class="row text-center" style="margin-top: 70px">
<h2>
Con el Auspicio de
</h2>
</div>
<div class="row">
<div class="col-sm-12 col-md-4 margen" style="display:flex;align-items: center;">
<a href="#" target="_blank">
<img src="{{ " /images/cooperacion.png" | prepend: site.baseurl }}" alt="kaart" width="300">
</a>
</div>

<div class="col-sm-12 col-md-4 margen">
<a href="https://girolabs.com/" target="_blank">
<img src="{{ " /images/Girolabs_Negro.png" | prepend: site.baseurl }}" alt="kaart" width="180">
</a>
</div>
<div class="col-sm-12 col-md-4 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/EXP_N.png" | prepend: site.baseurl }}" alt="kaart" width="125">
</a>
</div>


</div>
<div class="row text-center">
<h2>
Apoyan
</h2>
</div>

<div class="row">
<div class="col-sm-12 col-md-2 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/UNAE_N.png" | prepend: site.baseurl }}" alt="kaart" width="200">
</a>
</div>
<div class="col-sm-12 col-md-2 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/tedic_N.png" | prepend: site.baseurl }}" alt="kaart" width="100">
</a>
</div>
<div class="col-sm-12 col-md-2 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/CDI_N.png" | prepend: site.baseurl }}" alt="kaart" width="130">
</a>
</div>
<div class="col-sm-12 col-md-2 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/FADA_N.png" | prepend: site.baseurl }}" alt="kaart" width="60">
</a>
</div>
<div class="col-sm-12 col-md-2 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img src="{{ " /images/IFADAUNA_N.png" | prepend: site.baseurl }}" alt="kaart" width="70">
</a>
</div>




<div class="col-sm-12 col-md-2 margen">
<a href="http://kaartgroup.com/" target="_blank">
<img style="align-items:center;" src="{{
" /images/salazar_N.png" | prepend: site.baseurl }}" alt="kaart" width="100">
</a>
</div>
</div>

</section>
38 changes: 38 additions & 0 deletions assets/css/styles.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
---
---

.intro {
position: relative;
width: 100%;
height: 100vh;
background: url('/assets/images/intro-background-1920.jpg') no-repeat center center;
background-size: cover;
color: #ffffff; /* Add white color for text */
}

.intro::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4); /* Semi-transparent black overlay */
z-index: 0;
}

.intro-body {
position: relative;
z-index: 1;
}

.intro h1, .intro h2, .intro h4 {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Text shadow for legibility */
}

/* Responsive typography */
@media (max-width: 768px) {
.intro h1 {
font-size: 2rem;
}
}
Binary file added assets/images/intro-background-1920.jpg
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 assets/images/intro-background.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit b72874d

Please sign in to comment.