Skip to content

Commit e677cae

Browse files
author
Joseph Kariuki
authored
GeoNode website update (#95)
* Upgraded bootstrap to v5.2 * Updated date on footer. * Corrected row alinment of hero image icon. * Adjusted quickstart numbering offsets. * Added font-awesome v4.7. * Corrected placement of the navigation collapse button on small media devices. * Scaled banner image for small and medium devices. * Adjusted the base layout. * Updated gallery page. * Updated Dev Features page. * Updated Admin Features page. * Updated gallery page. * Aligned important link and icons using flexbox. * Aligned gallery hero content.
1 parent 8487682 commit e677cae

21 files changed

+26870
-7688
lines changed

‎_includes/footer.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<section class="btm">
88
<div class="row">
99
<div class="col-md-6">
10-
<p>This <a href="http://github.com/geonode/geonode.github.com/" target="_blank">Website</a> is licensed <a href='https://github.com/GeoNode/geonode/blob/master/license.txt'>CC by SA 2012.</a> - <a href='https://github.com/GeoNode/geonode/blob/master/AUTHORS'>GeoNode Contributors.</a> Designed by <a href="http://www.spatialdev.com/" target="_blank">Spatial Dev</a></p>
10+
<p>This <a href="http://github.com/geonode/geonode.github.com/" target="_blank">Website</a> is licensed <a href='https://github.com/GeoNode/geonode/blob/master/license.txt'>CC by SA 2022.</a> - <a href='https://github.com/GeoNode/geonode/blob/master/AUTHORS'>GeoNode Contributors.</a> Designed by <a href="http://www.spatialdev.com/" target="_blank">Spatial Dev</a></p>
1111
</div>
1212
<div class="col-md-6">
1313
<div class="pull-right social">

‎_includes/important_links.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ <h6>Import data</h6>
3030

3131
<div class="row documentation-items">
3232
<div class="col-md-6">
33-
<div class="col-md-12">
33+
<div class="col-md-12 d-flex flex-row">
3434
<i class="fa fa-print fa-5x col-md-2"></i>
3535
<a class="col-md-10" href="https://docs.geonode.org" target="_blank">
3636
<article class="documentation">
@@ -40,7 +40,7 @@ <h3>Documentation</h3>
4040
</a>
4141
</div>
4242

43-
<div class="col-md-12">
43+
<div class="col-md-12 d-flex flex-row">
4444
<i class="fa fa-envelope-o fa-5x col-md-2"></i>
4545
<a class="col-md-10" href="{{site.baseurl}}/communication/#mailing-lists">
4646
<article class="mailing-list">
@@ -50,7 +50,7 @@ <h3>Mailing Lists</h3>
5050
</a>
5151
</div>
5252

53-
<div class="col-md-12">
53+
<div class="col-md-12 d-flex flex-row">
5454
<i class="fa fa-pencil-square-o fa-5x col-md-2"></i>
5555
<a class="col-md-10" href="https://github.com/GeoNode/geonode/issues" target="_blank">
5656
<article class="issue-tracker">
@@ -62,7 +62,7 @@ <h3>Issue Tracker</h3>
6262
</div>
6363

6464
<div class="col-md-6">
65-
<div class="col-md-12">
65+
<div class="col-md-12 d-flex flex-row">
6666
<i class="fa fa-question-circle fa-5x col-md-2"></i>
6767
<a class="col-md-10" href="{{site.baseurl}}/faqs">
6868
<article class="faqs">
@@ -72,7 +72,7 @@ <h3>FAQs</h3>
7272
</a>
7373
</div>
7474

75-
<div class="col-md-12">
75+
<div class="col-md-12 d-flex flex-row">
7676
<i class="fa fa-comments-o fa-5x col-md-2"></i>
7777
<a class="col-md-10" href="{{site.baseurl}}/communication/#gitter">
7878
<article class="gitter">
@@ -82,7 +82,7 @@ <h3>Gitter</h3>
8282
</a>
8383
</div>
8484

85-
<div class="col-md-12">
85+
<div class="col-md-12 d-flex flex-row">
8686
<i class="fa fa-picture-o fa-5x col-md-2"></i>
8787
<a class="col-md-10" href="{{site.baseurl}}/gallery/">
8888
<article class="sites-gallery">

‎_layouts/base.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
{% include header.html %}
3434
{{ content }}
3535
<a href="https://github.com/GeoNode/geonode/"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
36-
<script type="text/javascript" src="{{site.baseurl}}/static/js/jquery-2.1.4.min.js"></script>
36+
<script type="text/javascript" src="{{site.baseurl}}/static/js/jquery-3.6.0.min.js"></script>
3737
<script type="text/javascript" src="{{site.baseurl}}/static/js/sequence.jquery-min.js"></script>
3838
<script type="text/javascript" src="{{site.baseurl}}/static/js/bootstrap.min.js"></script>
3939
</body>

‎admin_features.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<section class="banner">
77
<div class="container">
88
<div class="row">
9-
<div class="span6">
9+
<div class="col-sm">
1010
<h1>
1111
<strong>For Administrators</strong><br />
1212
<span>Learn more about the administrative features of <strong>GeoNode</strong></span>
@@ -16,7 +16,7 @@ <h1>
1616
</div>
1717

1818
</div>
19-
<div class="span6">
19+
<div class="col-sm">
2020
<img src="{{site.baseurl}}/static/img/features_hero_img.png" width="489" height="216" alt="" class="pull-right hero-img" />
2121
</div>
2222
</div>
@@ -25,7 +25,7 @@ <h1>
2525
<section class="body">
2626
<div class="container">
2727
<div class="row">
28-
<div class="span12">
28+
<div class="col-sm">
2929
<nav class="subnav">
3030
<h5>Administrator Features:</h5>
3131
<ul class="unstyled">
@@ -42,10 +42,10 @@ <h5>Administrator Features:</h5>
4242
<section class="feature-details feature1" id="ogcsdi">
4343
<div class="container">
4444
<div class="row">
45-
<div class="span5">
45+
<div class="col-6 col-md-4">
4646
<img src="{{site.baseurl}}/static/img/noun_project_9760.svg.png" width="320" height="320" alt="Explore Maps" class="feature-img" />
4747
</div>
48-
<div class="span7 number one">
48+
<div class="col-12 col-md-8 number one">
4949
<div class="highlighted-box">
5050
<h2>Spatial Data Infrastructure</strong></h2>
5151
<h4>Essential components for OGC-compliant services</h4>
@@ -72,10 +72,10 @@ <h4>Essential components for OGC-compliant services</h4>
7272
<section class="feature-details feature3" id="security">
7373
<div class="container">
7474
<div class="row">
75-
<div class="span5">
75+
<div class="col-6 col-md-4">
7676
<img src="{{site.baseurl}}/static/img/noun_project_3182.svg.png" width="340" height="340" alt="Explore Maps" class="feature-img" />
7777
</div>
78-
<div class="span7 number three">
78+
<div class="col-12 col-md-8 number three">
7979
<div class="highlighted-box">
8080
<h2>Security</strong></h2>
8181
<h4>A framework for securing your users' data</h4>
@@ -98,7 +98,7 @@ <h4>A framework for securing your users' data</h4>
9898
<section class="feature-details feature4" id="scale">
9999
<div class="container">
100100
<div class="row">
101-
<div class="span7 number four">
101+
<div class="col-12 col-md-8 number four">
102102
<div class="highlighted-box">
103103
<h2>Scalability</strong></h2>
104104
<h4>Designed for reliability under all load conditions</h4>
@@ -115,7 +115,7 @@ <h4>Designed for reliability under all load conditions</h4>
115115
</div>
116116
</div>
117117
</div>
118-
<div class="span5">
118+
<div class="col-6 col-md-4">
119119
<img src="{{site.baseurl}}/static/img/noun_project_6853.svg.png" width="350" height="350" alt="Explore Maps" class="feature-img" />
120120
</div>
121121
</div>
@@ -124,10 +124,10 @@ <h4>Designed for reliability under all load conditions</h4>
124124
<section class="feature-details feature5" id="adminconsole">
125125
<div class="container">
126126
<div class="row">
127-
<div class="span5">
127+
<div class="col-6 col-md-4">
128128
<img src="{{site.baseurl}}/static/img/noun_project_18273.svg.png" width="290" height="290" alt="Explore Maps" class="feature-img" />
129129
</div>
130-
<div class="span7 number five">
130+
<div class="col-12 col-md-8 number five">
131131
<div class="highlighted-box">
132132
<h2>Administration Console</strong></h2>
133133
<h4>Leverage the Django Administration Console</h4>

‎blog/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<section class="feature-detail">
2020
<div class="container">
2121
<div class="row">
22-
<div class="span12">
22+
<div class="col-12 col-md-8">
2323
<ul class="blogs">
2424
{{ assign year = '2009' }}
2525
{% for post in site.categories.blog %}

‎dev_features.html‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<section class="banner">
77
<div class="container">
88
<div class="row">
9-
<div class="span6">
9+
<div class="col-6">
1010
<h1>
1111
<strong>For Developers</strong>,<br />
1212
<span>Learn more about the powerful development features of <strong>GeoNode</strong>.</span>
@@ -15,7 +15,7 @@ <h1>
1515
<a href="http://geonode.org/dev-workshop/" class="btn btn-success" target = "_blank">Follow the <strong>Developers Workshop</strong></a>
1616
</div>
1717
</div>
18-
<div class="span6">
18+
<div class="col-6">
1919
<img src="{{site.baseurl}}/static/img/features_hero_img.png" width="489" height="216" alt="" class="pull-right hero-img" />
2020
</div>
2121
</div>
@@ -24,7 +24,7 @@ <h1>
2424
<section class="body">
2525
<div class="container">
2626
<div class="row">
27-
<div class="span10">
27+
<div class="col-md">
2828
<nav class="subnav">
2929
<h5>Developer Features:</h5>
3030
<ul class="unstyled">
@@ -42,10 +42,10 @@ <h5>Developer Features:</h5>
4242
<section class="feature-details feature1" id="osgeo">
4343
<div class="container">
4444
<div class="row">
45-
<div class="span5">
45+
<div class="col-6 col-md-4">
4646
<img src="{{site.baseurl}}/static/img/noun_project_8233.svg.png" width="400" height="400" alt="Open Source Geospatial" class="feature-img" />
4747
</div>
48-
<div class="span7 number one">
48+
<div class="col-12 col-md-8 number one">
4949
<div class="highlighted-box">
5050
<h2>Open Source Geospatial</strong></h2>
5151
<h4>Open from top to bottom</h4>
@@ -70,7 +70,7 @@ <h4>Open from top to bottom</h4>
7070
<section class="feature-details feature2" id="django">
7171
<div class="container">
7272
<div class="row">
73-
<div class="span7 number two">
73+
<div class="col-12 col-md-8 number two">
7474
<div class="highlighted-box">
7575
<h2>Django</strong></h2>
7676
<h4>Built for the web</h4>
@@ -94,7 +94,7 @@ <h4>Built for the web</h4>
9494
<a href="django.html" class="hide btn btn-success">Learn about GeoNode's pluggable Django apps and deployable projects</a>
9595
</div>
9696
</div>
97-
<div class="span5">
97+
<div class="col-6 col-md-4">
9898
<img src="{{site.baseurl}}/static/img/noun_project_2174.svg.png" width="310" height="310" alt="Explore Maps" class="feature-img" />
9999
</div>
100100
</div>
@@ -103,10 +103,10 @@ <h4>Built for the web</h4>
103103
<section class="feature-details feature3" id="front-end">
104104
<div class="container">
105105
<div class="row">
106-
<div class="span5">
106+
<div class="col-6 col-md-4">
107107
<img src="{{site.baseurl}}/static/img/noun_project_3064.svg.png" width="280" height="280" alt="Explore Maps" class="feature-img" />
108108
</div>
109-
<div class="span7 number three">
109+
<div class="col-12 col-md-8 number three">
110110
<div class="highlighted-box">
111111
<h2>Bootstrap and jQuery</strong></h2>
112112
<h4>Modern and flexible front-end</h4>
@@ -127,9 +127,9 @@ <h4>Modern and flexible front-end</h4>
127127
<section class="feature-details feature4" id="apis">
128128
<div class="container">
129129
<div class="row">
130-
<div class="span7 number four">
130+
<div class="col-12 col-md-8 number four">
131131
<div class="highlighted-box">
132-
<h2>APIs<strong></h2>
132+
<h2>APIs</strong></h2>
133133
<h4>Integrate easily</h4>
134134
<div>
135135
<p>GeoNode supports multiple points for application integration.
@@ -144,19 +144,19 @@ <h4>Integrate easily</h4>
144144
<a href="apis.html" class="hide btn btn-success">Learn about GeoNode's APIs</a>
145145
</div>
146146
</div>
147-
<div class="span5">
148-
<img src="{{site.baseurl}}/static/img/noun_project_18273.svg.png" width="280" height="280" alt="Explore Maps" class="feature-img" />
149-
</div>
147+
<div class="col-6 col-md-4">
148+
<img src="{{site.baseurl}}/static/img/noun_project_18273.svg.png" width="280" height="280" alt="Explore Maps" class="feature-img" />
149+
</div>
150150
</div>
151151
</div>
152152
</section>
153153
<section class="feature-details feature5" id="interoperability">
154154
<div class="container">
155155
<div class="row">
156-
<div class="span5">
156+
<div class="col-6 col-md-4">
157157
<img src="{{site.baseurl}}/static/img/noun_project_2549.svg.png" width="350" height="350" alt="Explore Maps" class="feature-img" />
158158
</div>
159-
<div class="span7 number five">
159+
<div class="col-12 col-md-8 number five">
160160
<div class="highlighted-box">
161161
<h2>Interoperability</strong></h2>
162162
<h4>Plays well with others</h4>

‎gallery/index.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66

77
<section class="banner">
88
<div class="container">
9-
<div class="row">
10-
<div class="span12">
9+
<div class="row" style="padding-top: 11%; padding-bottom: 10%;">
10+
<div class="col-sm">
1111
<h3>Welcome to the GeoNode gallery!</h3>
1212
<h4>Below are instances of GeoNode being used for achieving success across a wide variety of missions, including humanitarian, development, and environmental.</h4>
1313
</div>
@@ -21,7 +21,7 @@ <h4>Below are instances of GeoNode being used for achieving success across a wid
2121
<div class="container">
2222
<div class="row">
2323
{% if loopindex == 1 %}
24-
<div class="span7">
24+
<div class="col-8">
2525
<div class="highlighted-box">
2626
<h2>{{ item.title }}</h2>
2727
<h4>{{ item.subtitle }}</h4>
@@ -34,14 +34,14 @@ <h4>{{ item.subtitle }}</h4>
3434
</div>
3535
</div>
3636
</div>
37-
<div class="span5">
37+
<div class="col-4">
3838
<a href="{{ item.url }}" target="_new"><img src="../static/img/{{ item.image }}" width="325" height="168" alt="{{ item.title }}" class="feature-img thumbnail" /></a>
3939
</div>
4040
{% else %}
41-
<div class="span5">
41+
<div class="col-4">
4242
<a href="{{ item.url }}" target="_new"><img src="../static/img/{{ item.image }}" width="325" height="168" alt="{{ item.title }}" class="feature-img thumbnail" /></a>
4343
</div>
44-
<div class="span7">
44+
<div class="col-8">
4545
<div class="highlighted-box">
4646
<h2>{{ item.title }}</h2>
4747
<h4>{{ item.subtitle }}</h4>

‎index.html‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
<section class="banner">
1111
<div class="container">
1212
<div class="row">
13-
<div class="col-md-12">
1413
<div class="col-md-6 col-lg-6 col-sm-6 col-xs-6">
1514
<h1>Open Source Geospatial Content Management System</h1>
1615
<p>
@@ -32,13 +31,12 @@ <h1>Open Source Geospatial Content Management System</h1>
3231
<img src="static/img/hero_img.png" alt="" class="hero-img" />
3332
</div>
3433
</div>
35-
</div>
3634
</div>
3735
</section>
3836
<section class="body">
3937
<div class="container">
4038
<div class="row">
41-
<div class="col-md-4">
39+
<div class="col">
4240
<div class="box box-users">
4341
<a href="{{ site.baseurl }}/user_features" class="header-link">
4442
<header class="box-header">
@@ -54,7 +52,7 @@ <h2>For Users</h2>
5452
<a href = "{{ site.baseurl }}/user_features" class="btn btn-success">Take the Tour</a>
5553
</div>
5654
</div>
57-
<div class="col-md-4">
55+
<div class="col">
5856
<div class="box box-devs">
5957
<a href="{{ site.baseurl }}/dev_features" class="header-link">
6058
<header class="box-header">
@@ -71,7 +69,7 @@ <h2>For Developers</h2>
7169
<a href = "{{ site.baseurl }}/dev_features" class="btn btn-success">Take the Tour</a>
7270
</div>
7371
</div>
74-
<div class="col-md-4">
72+
<div class="col">
7573
<div class="box box-admins">
7674
<a href="{{ site.baseurl }}/admin_features" class="header-link">
7775
<header class="box-header">

0 commit comments

Comments
 (0)