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. 22
      themes/bootstrap-4-blog-theme/templates/article.html
  15. 1
      themes/bootstrap-4-blog-theme/templates/base.html
  16. 2
      themes/bootstrap-4-blog-theme/templates/components/footer.html
  17. 6
      themes/bootstrap-4-blog-theme/templates/components/navbar.html

2
Makefile

@ -81,7 +81,7 @@ $(foreach size, $(IMG_SIZES), \
define convert-rule define convert-rule
$(1):$(2) $(1):$(2)
mkdir -p $(dir $(1)) mkdir -p $(dir $(1))
convert $(2) -resize $(3) $(1)
convert $(2) -resize $(3)x$(3) $(1)
endef 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; -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; 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 lang: en
template: page template: page
Here you find latest pictures i am willing to share. Enjoy the views. 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 [lightgallery
/images/gallery/IMG_3184.jpg, neighbour cat ; /images/gallery/IMG_3184.jpg, neighbour cat ;
/images/gallery/IMG_3364.jpg, red-tailed bumblebee at a cornflower ; /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_9137.jpg, sunrise in Denmark ;
/images/gallery/IMG_9393.jpg, harbour of grömitz at night; /images/gallery/IMG_9393.jpg, harbour of grömitz at night;
lightgalleryend] 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_9137.jpg, Sonnenaufgang in Dänemark ;
/images/gallery/IMG_9393.jpg, Grömitzer Hafen bei Nacht ; /images/gallery/IMG_9393.jpg, Grömitzer Hafen bei Nacht ;
lightgalleryend] 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/lg-zoom.js': {'path': 'js/lg-zoom.js'},
'extra/lightgallery.js': {'path': 'js/lightgallery.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_setup.css': {'path': 'css/lightgallery_setup.css'},
'extra/lightgallery.css': {'path': 'css/lightgallery.css'}, 'extra/lightgallery.css': {'path': 'css/lightgallery.css'},
} }
@ -129,8 +131,8 @@ INDEX_SAVE_AS = 'blog/index.html'
SECTIONS = [ SECTIONS = [
('Blog', '/blog/', None), ('Blog', '/blog/', None),
('Projects', '/category/projects', [ ('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), ('less plastic', '/category/plasticfree/', None),
('Gallery', '/gallery', 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 += "\"> "
imgs_text += "<a href=\"\">" 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 += "" + str(Path(img_url).parent) + "/" + str(200) + "/" + str(Path(img_url).name)
imgs_text += "\" > " imgs_text += "\" > "

BIN
plugins/sitemap/sitemap.pyc

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

@ -78,26 +78,4 @@
</div> </div>
<div id="disqus_thread"></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 %} {% 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://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> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body> </body>
<script type="text/javascript"> <script type="text/javascript">
<!-- lightGallery(document.getElementById('lightgallery'), { --> <!-- lightGallery(document.getElementById('lightgallery'), { -->
<!-- thumbnail:true, --> <!-- thumbnail:true, -->

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

@ -16,4 +16,4 @@
</a> </a>
{% endif %} {% endif %}
</div> </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> </a>
{% if subsections %} {% if subsections %}
<div class="dropdown-menu"> <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 %} {% endfor %}
</div> </div>
{% else %} {% else %}

Loading…
Cancel
Save