Browse Source

add better light gallery size

add navbar dropdown
master
Schoenberger, Philipp 6 years ago
parent
commit
e247ab7edd
  1. 2
      Makefile
  2. 1
      content/.gitignore
  3. 0
      content/extra/de.jpg
  4. 0
      content/extra/en.jpg
  5. 1
      content/extra/lightgallery.css
  6. 2
      content/images/.gitignore
  7. BIN
      content/images_org/quad/motor.jpg
  8. 55
      content/pages/gallery/index_de.md
  9. 2
      content/pages/gallery/index_en.md
  10. 6
      pelicanconf.py
  11. 1
      plugins/extended-sitemap_
  12. 2
      plugins/lightgallery/lightgallery.py
  13. BIN
      plugins/sitemap/sitemap.pyc
  14. 2
      themes/bootstrap-4-blog-theme/LICENSE.md
  15. 22
      themes/bootstrap-4-blog-theme/templates/article.html
  16. 1
      themes/bootstrap-4-blog-theme/templates/base.html
  17. 2
      themes/bootstrap-4-blog-theme/templates/components/footer.html
  18. 6
      themes/bootstrap-4-blog-theme/templates/components/navbar.html

2
Makefile

@ -81,7 +81,7 @@ $(foreach size, $(IMG_SIZES), \
define convert-rule
$(1):$(2)
mkdir -p $(dir $(1))
convert $(2) -resize $(3) $(1)
convert $(2) -resize $(3)x$(3) $(1)
endef

1
content/.gitignore

@ -0,0 +1 @@
images

0
content/images_org/de.jpg → content/extra/de.jpg

Before

Width: 34  |  Height: 20  |  Size: 539 B

After

Width: 34  |  Height: 20  |  Size: 539 B

0
content/images_org/en.jpg → content/extra/en.jpg

Before

Width: 34  |  Height: 20  |  Size: 1.4 KiB

After

Width: 34  |  Height: 20  |  Size: 1.4 KiB

1
content/extra/lightgallery.css

@ -976,3 +976,4 @@ body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

2
content/images/.gitignore

@ -1,2 +0,0 @@
*.jpg
*.png

BIN
content/images_org/quad/motor.jpg

After

Width: 1000  |  Height: 1000  |  Size: 112 KiB

55
content/pages/gallery/index_de.md

@ -5,9 +5,29 @@ save_as: gallery/index.html
lang: en
template: page
Here you find latest pictures i am willing to share. Enjoy the views.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div class="container mt-3">
<h2>Dynamic Tabs</h2>
<br>
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#g_all">all</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#g_garden">garden</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#g_landscape">landscape</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="g_all" class="container tab-pane active"><br>
[lightgallery
/images/gallery/IMG_3184.jpg, neighbour cat ;
/images/gallery/IMG_3364.jpg, red-tailed bumblebee at a cornflower ;
@ -23,5 +43,36 @@ Here you find latest pictures i am willing to share. Enjoy the views.
/images/gallery/IMG_9137.jpg, sunrise in Denmark ;
/images/gallery/IMG_9393.jpg, harbour of grömitz at night;
lightgalleryend]
</div>
<div id="g_garden" class="container tab-pane fade"><br>
[lightgallery
/images/gallery/IMG_3364.jpg, red-tailed bumblebee at a cornflower ;
/images/gallery/IMG_3386.jpg, garden bumblebee at a cornflower ;
/images/gallery/IMG_3414.jpg, garden bumblebee at a cornflower ;
/images/gallery/IMG_3477.jpg ;
/images/gallery/IMG_3483.jpg, thistle ;
/images/gallery/IMG_3559.jpg, carolina rose ;
lightgalleryend]
</div>
<div id="g_landscape" class="container tab-pane fade"><br>
<h3>nature</h3>
[lightgallery
/images/gallery/IMG_8722.jpg, hotel in south denmark ;
/images/gallery/IMG_9037.jpg, sailingboat of the fisherman ;
/images/gallery/IMG_9097.jpg, sailingboat ;
/images/gallery/IMG_9136.jpg, sunrise in Denmark ;
/images/gallery/IMG_9137.jpg, sunrise in Denmark ;
/images/gallery/IMG_9393.jpg, harbour of grömitz at night;
lightgalleryend]
</div>
</div>
</div>
this is some gallery:
<script>
$(document).ready(function(){
$(".nav-tabs a").click(function(){
$(this).tab('show');
});
});
</script>

2
content/pages/gallery/index_en.md

@ -23,5 +23,3 @@ Here you find latest pictures i am willing to share. Enjoy the views.
/images/gallery/IMG_9137.jpg, Sonnenaufgang in Dänemark ;
/images/gallery/IMG_9393.jpg, Grömitzer Hafen bei Nacht ;
lightgalleryend]
this is some gallery:

6
pelicanconf.py

@ -28,6 +28,8 @@ EXTRA_PATH_METADATA = {
'extra/lg-zoom.js': {'path': 'js/lg-zoom.js'},
'extra/lightgallery.js': {'path': 'js/lightgallery.js'},
'extra/en.jpg': {'path': 'images/en.jpg'},
'extra/de.jpg': {'path': 'images/de.jpg'},
'extra/lightgallery_setup.css': {'path': 'css/lightgallery_setup.css'},
'extra/lightgallery.css': {'path': 'css/lightgallery.css'},
}
@ -129,8 +131,8 @@ INDEX_SAVE_AS = 'blog/index.html'
SECTIONS = [
('Blog', '/blog/', None),
('Projects', '/category/projects', [
('Projects', 'quadrocopter', '/category/projects/quadrocopter'),
('Projects', '3d Printer', '/category/projects/3d-printer'),
('quadrocopter', '/category/projects/quadrocopter'),
('3d Printer', '/category/projects/3d-printer'),
]),
('less plastic', '/category/plasticfree/', None),
('Gallery', '/gallery', None),

1
plugins/extended-sitemap_

@ -0,0 +1 @@
Subproject commit fb9e8672643bc1e103980bc3b10556f55ab52bee

2
plugins/lightgallery/lightgallery.py

@ -73,7 +73,7 @@ def process_content(article):
imgs_text += "\"> "
imgs_text += "<a href=\"\">"
imgs_text += "<img class=\"img-responsive\" src=\""
imgs_text += "<img height=150 max-width=200 max-height=200 class=\"img-responsive\" src=\""
imgs_text += "" + str(Path(img_url).parent) + "/" + str(200) + "/" + str(Path(img_url).name)
imgs_text += "\" > "

BIN
plugins/sitemap/sitemap.pyc

2
themes/bootstrap-4-blog-theme/LICENSE.md

@ -6,4 +6,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

22
themes/bootstrap-4-blog-theme/templates/article.html

@ -78,26 +78,4 @@
</div>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://http-ronaldtheodoro-github-io.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>
Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
<script id="dsq-count-scr" src="//http-ronaldtheodoro-github-io.disqus.com/count.js" async></script>
{% endblock %}

1
themes/bootstrap-4-blog-theme/templates/base.html

@ -74,6 +74,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
<script type="text/javascript">
<!-- lightGallery(document.getElementById('lightgallery'), { -->
<!-- thumbnail:true, -->

2
themes/bootstrap-4-blog-theme/templates/components/footer.html

@ -16,4 +16,4 @@
</a>
{% endif %}
</div>
<p class="m-0 text-center text-white">Copyright © Ronald Theodoro 2018</p>
<p class="m-0 text-center text-white">Copyright © {{ AUTHOR }} </p>

6
themes/bootstrap-4-blog-theme/templates/components/navbar.html

@ -24,10 +24,8 @@
</a>
{% if subsections %}
<div class="dropdown-menu">
{% for parent, title2, link2 in subsections %}
{% if parent == title %}
<a href="{{ link2 }}" class="dropdown-item">{{ title2 }}</a>
{% endif %}
{% for title2, link2 in subsections %}
<a href="{{ link2 }}" class="dropdown-item">{{ title2 }}</a>
{% endfor %}
</div>
{% else %}

Loading…
Cancel
Save