ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #13989 from tschaub/space

Browse Source 
Minor adjustments to the website style
This commit is contained in:
Tim Schaub
2022-08-15 17:02:33 -06:00
committed by GitHub
parent 0b326d9fa5 41d575b905
commit c2f1d1bbc7
5 changed files with 40 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
examples/index.html
View File

@@ -26,6 +26,12 @@
font-size: smaller;
margin: 5px 0;
}
a.example {
text-decoration: none;
}
a.example:hover :first-child {
text-decoration: underline;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
@@ -88,10 +94,8 @@
<div id="template" class="row mt-3">
<div class="col-md-4 col-sm-6" jugl:repeat="example examples">
<a jugl:attributes="href example.link" class="example bg-light border rounded">
<span class="mainlink">
<strong><span jugl:replace="example.title">title</span></strong><br>
<small jugl:content="'(' + example.link + ')'"></small>
</span>
<strong><span jugl:replace="example.title">title</span></strong><br>
<small jugl:content="'(' + example.link + ')'"></small>
<p class="description" jugl:content="example.shortdesc"></p>
</a>
</div>

BIN
site/src/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

57
site/src/index.hbs
View File

@@ -10,8 +10,8 @@ head:
<blockquote id='tagline' class='text-right plain'>
<p>A high-performance, feature-packed library for all your mapping needs.</p>
</blockquote>
<div class='row'>
<div id='news' class='col-sm-12'>
<div class='row' id='news'>
<div class='col-sm-12'>
<h1 class='topic'><i class='fa fa-rss'></i> Latest</h1>
<p><strong>OpenLayers <a href="/download/">{{ version }}</a> is here!</strong> Check out the <a href="/doc/">docs</a> and the <a href="/en/latest/examples/">examples</a> to get started. The full distribution can be downloaded from the <a href="/download/">release page</a>.</p>
</div>
@@ -56,38 +56,38 @@ head:
</div>
<div class='row'>
<div class='col-sm-6'>
<a href='/doc/quickstart.html' class='big-link'>
<a href='/doc/quickstart.html'>
<h3><i class='fa fa-check'></i> Quick Start</h3>
<p>Seen enough already? Go here to get started.</p>
</a>
<p>Seen enough already? Go here to get started.</p>
</div>
<div class='col-sm-6'>
<a href='/download/' class='big-link'>
<a href='/download/'>
<h3><i class='fa fa-download'></i> Get the Code</h3>
<p>Get the latest release or dig through the archives.</p>
</a>
</div>
</div>
<div class='row'>
<div class='col-sm-6'>
<a href='/doc/tutorials/' class='big-link'>
<h3><i class='fa fa-book'></i> Tutorials</h3>
<p>Spend time learning the basics and graduate up to advanced mapping techniques.</p>
</a>
</div>
<div class='col-sm-6'>
<a href='/workshop/' class='big-link'>
<h3><i class='fa fa-graduation-cap'></i> Workshop</h3>
<p>Want to learn OpenLayers hands-on? Get started with the workshop.</p>
</a>
<p>Get the latest release or dig through the archives.</p>
</div>
</div>
<div class='row'>
<div class='col-sm-6'>
<a href='/en/latest/apidoc/' class='big-link'>
<h3><i class='fa fa-sitemap'></i> API Docs</h3>
<p>Browse through the API docs for details on code usage.</p>
<a href='/doc/tutorials/'>
<h3><i class='fa fa-book'></i> Tutorials</h3>
</a>
<p>Spend time learning the basics and graduate up to advanced mapping techniques.</p>
</div>
<div class='col-sm-6'>
<a href='/workshop/'>
<h3><i class='fa fa-graduation-cap'></i> Workshop</h3>
</a>
<p>Want to learn OpenLayers hands-on? Get started with the workshop.</p>
</div>
</div>
<div class='row'>
<div class='col-sm-6'>
<a href='/en/latest/apidoc/'>
<h3><i class='fa fa-sitemap'></i> API Docs</h3>
</a>
<p>Browse through the API docs for details on code usage.</p>
</div>
</div>
<div class='row'>
@@ -98,8 +98,7 @@ head:
<li>Latest v5: <a href="https://github.com/openlayers/openlayers/releases/tag/v5.3.0">v5.3.0</a> released 2018-11-06 &mdash; <a href="/en/v5.3.0/doc/">docs</a>, <a href="/en/v5.3.0/apidoc/">API</a> &amp; <a href="/en/v5.3.0/examples/">examples</a></li>
<li>Latest v4: <a href="https://github.com/openlayers/openlayers/releases/tag/v4.6.5">v4.6.5</a> released 2018-03-20 &mdash; <a href="/en/v4.6.5/doc/">docs</a>, <a href="/en/v4.6.5/apidoc/">API</a> &amp; <a href="/en/v4.6.5/examples/">examples</a></li>
<li>Latest v3: <a href="https://github.com/openlayers/openlayers/releases/tag/v3.20.1">v3.20.1</a>, released 2016-12-12 &mdash; <a href="/en/v3.20.1/doc/">docs</a>, <a href="/en/v3.20.1/apidoc/">API</a> &amp; <a href="/en/v3.20.1/examples/">examples</a></li>
<li>Latest v2: v2.13.1 (July 2013 i.e. really old) &mdash; you'll find everything you need on the <a href="./two">2.x page</a></li>
<li>Latest v1 &mdash; You're kidding, right?</li>
<li>Latest v2: v2.13.1, released 2013-07-09 &mdash; you'll find everything you need on the <a href="./two">2.x page</a></li>
</ul>
<p>Please consider upgrading to benefit of the latest features and bug fixes. Get best performance and usability for free by using recent versions of OpenLayers</p>
</div>
@@ -109,20 +108,20 @@ head:
</div>
<div class='row'>
<div class='col-sm-4'>
<a href='https://github.com/openlayers/openlayers' class='big-link'>
<a href='https://github.com/openlayers/openlayers'>
<h3><i class="fa fa-code-fork"></i> Fork the repo</h3>
</a>
</div>
<div class='col-sm-4'>
<a href='https://github.com/openlayers/openlayers/issues' class='big-link'>
<a href='https://github.com/openlayers/openlayers/issues'>
<h3><i class="fa fa-bug"></i> Open a ticket</h3>
</a>
</div>
<div class='col-sm-4'>
<a href='http://stackoverflow.com/questions/tagged/openlayers' class='big-link'>
<a href='http://stackoverflow.com/questions/tagged/openlayers'>
<h3><i class="fa fa-user"></i> Ask a question</h3>
</a>
</div>
</div>
</div>
<script src="./main.js"></script>
<script src="./main.js"></script>

11
site/src/theme/index.css
View File

@@ -23,12 +23,9 @@
}
#news {
clear: both;
border: 1px solid #eee;
background-color: #f8f8f8;
background-color: var(--ol-accent-background-color);
border-radius: 4px;
padding: 1rem;
margin: 0 1rem 0 1rem;
padding: 1rem 0 0;
}
#news h1 {
@@ -51,7 +48,3 @@ img.thumb {
.over .ol-overlaycontainer-stopevent {
opacity: 1;
}
ul.sponsors {
background-color: #f8f8f8;
}

14
site/src/theme/site.css
View File

@@ -8,8 +8,8 @@ body {
}
h1 {
margin-top: 40px;
margin-bottom: 30px;
margin-top: 30px;
margin-bottom: 20px;
}
h1,
@@ -65,16 +65,6 @@ footer a:focus {
text-decoration: underline;
}
pre[class*="language-"] {
background: #FFFFFF;
font-size: 87.5%;
}
pre {
border: 1px solid #eee;
border-radius: 0;
}
.navbar {
background-color: var(--ol-foreground-color);
color: var(--ol-background-color);