Lot of Website improvements #49
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -3,3 +3,4 @@ _site | |
| .DS_Store | ||
| _eh3 | ||
| documentation/3.0 | ||
| .idea | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| # Authors | ||
|
|
||
| mathieu_carbou: | ||
| name: Mathieu Carbou | ||
| web: https://www.linkedin.com/in/mathieucarbou | ||
| avatar: https://www.gravatar.com/avatar/9db6fc82f800e193111dd725dd3a7b52 | ||
| twitter: mathieucarbou | ||
| position: Software Engineer at Terracotta |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| {% if site.disqus_shortname %} | ||
| <script type="text/javascript"> | ||
| /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */ | ||
| var disqus_shortname = '{{ site.disqus_shortname }}'; // required: replace example with your forum shortname | ||
|
There was a problem hiding this comment. Should this be edited before enabling disqus? There was a problem hiding this comment. I created a Disqus channel named UPDATE: the idea would be to have one terracotta account, and then we can add seevral moderators (users) or admins. |
||
|
|
||
| /* * * DON'T EDIT BELOW THIS LINE * * */ | ||
| (function() { | ||
| var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; | ||
| dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js'; | ||
| (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); | ||
| })(); | ||
|
|
||
| /* * * DON'T EDIT BELOW THIS LINE * * */ | ||
| (function () { | ||
| var s = document.createElement('script'); s.async = true; | ||
| s.type = 'text/javascript'; | ||
| s.src = 'https://' + disqus_shortname + '.disqus.com/count.js'; | ||
| (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s); | ||
| }()); | ||
| </script> | ||
| <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> | ||
| {% endif %} | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <div class="social-share twitter"> | ||
| <a href="https://twitter.com/intent/tweet?hashtags={{ page.tags | join: ',' | remove: ' ' }}&text={{ page.title | escape | replace:' ','%20' }}&url={{ site.url }}{{ page.url }}{% if author.twitter %}&via={{ author.twitter }}{% endif %}" title="Share on Twitter" itemprop="Twitter"><i class="fa fa-twitter-square"></i> Tweet</a> | ||
| </div> | ||
| <div class="social-share facebook"> | ||
| <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" title="Share on Facebook" itemprop="Facebook"><i class="fa fa-facebook-square"></i> Like</a> | ||
| </div> | ||
| <div class="social-share googleplus"> | ||
| <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" title="Share on Google Plus" itemprop="GooglePlus"><i class="fa fa-google-plus-square"></i> +1</a> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,80 @@ | ||
| --- | ||
| layout: default | ||
| --- | ||
|
|
||
| <br/> | ||
|
|
||
| {% if page.author %} | ||
| {% assign author = site.data.authors[page.author] %} | ||
| {% endif %} | ||
|
|
||
| <div class="container-fluid"> | ||
|
|
||
| <div class="row row-offcanvas row-offcanvas-left"> | ||
|
|
||
| <!-- sidebar --> | ||
| <div class="col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> | ||
| {% if author.avatar %} | ||
| <div> | ||
| <img src="{{ author.avatar }}" class="bio-photo" alt="{{ author.name }} bio photo"></a> | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| {%if author.web %} | ||
| <div class="section">By <span class="fn"><a target="_blank" href="{{ author.web }}">{{ author.name }}</a></span></div> | ||
| {% else %} | ||
| <div class="section">By <span class="fn">{{ author.name }}</span></div> | ||
| {% endif %} | ||
|
|
||
| <div class="section"> | ||
| {{ author.position }} | ||
| </div> | ||
|
|
||
| <div class="section entry-date date published"><time datetime="{{ page.date | date_to_xmlschema }}"><i class="fa fa-calendar-o"></i> {{ page.date | date: "%B %d, %Y" }}</time></div> | ||
|
|
||
| {% if page.modified %}<div class="section entry-date date modified"><time datetime="{{ page.modified }}"><i class="fa fa-pencil"></i> {{ page.modified | date: "%B %d, %Y" }}</time></div>{% endif %} | ||
|
|
||
| {% if site.disqus_shortname %}<div class="section entry-comments"><i class="fa fa-comment-o"></i> <a href="#disqus_thread">Leave a comment</a></div>{% endif %} | ||
|
|
||
| {%if author.twitter %} | ||
| <div class="section">Follow <span class="fn"><a target="_blank" href="{{ author.twitter }}">@{{ author.twitter }}</a></span></div> | ||
| {% endif %} | ||
|
|
||
| <div class="section">{% include social-share.html %}</div> | ||
|
|
||
| <div class="section">Tags: {% for tag in page.tags %}<a href="/tags/#{{ tag }}" title="Pages tagged {{ tag }}">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %}</div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- main area --> | ||
| <div class="col-xs-12 col-sm-9"> | ||
|
|
||
| <header class="post-header"> | ||
| <h1 class="post-title">{{ page.title }}</h1> | ||
| </header> | ||
|
|
||
| <article class="post-content"> | ||
|
|
||
| <div class="entry-wrapper"> | ||
| <header class="entry-header"> | ||
| <h2 class="entry-title">{% if page.headline %}{{ page.headline }}{% else %}{{ page.title }}{% endif %}</h2> | ||
| </header> | ||
|
|
||
| <div class="entry-content"> | ||
| {{ content }} | ||
|
|
||
| {% if site.disqus_shortname %} | ||
| <div id="disqus_thread"></div> | ||
| {% endif %} | ||
| </div> | ||
| </div> | ||
|
|
||
| </article> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| {% include disqus_comments.html %} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| --- | ||
| layout: post | ||
| title: "New Website" | ||
| headline: "The new Ehcache website is LIVE! Checkout its first post..." | ||
|
There was a problem hiding this comment. We don't actually want to commit this file, right? There was a problem hiding this comment. It's just for tests - What I would suggest is to set hidden: true. It won't appear in the website and not in the RSS feed, and it would still be there as an example. |
||
| categories: blog | ||
| hidden: false | ||
| author: mathieu_carbou | ||
| tags: [ehcache, website] | ||
| comments: true | ||
| date: 2016-05-04T18:00:00-05:00 | ||
| modified: 2016-05-05T18:00:00-05:00 | ||
| --- | ||
|
|
||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et purus at quam ullamcorper volutpat. Nullam ut nunc at sem tincidunt elementum vel et sem. Nam a nisl nec nisi tincidunt interdum in vel nulla. Maecenas ac elit vel felis pellentesque feugiat ut in quam. Quisque in dapibus enim, dapibus ultricies erat. Vivamus tristique varius magna at tincidunt. Ut venenatis dolor neque. Morbi pretium diam sed nulla consectetur maximus. Etiam sem turpis, ullamcorper sed arcu et, consectetur euismod est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris pharetra lorem ante, at suscipit urna bibendum ut. In a condimentum turpis. Pellentesque fermentum ex eget venenatis imperdiet. Donec vehicula vel purus et malesuada. Proin nunc quam, dictum ut elit ac, porttitor pretium elit. | ||
|
|
||
| Donec sit amet ultricies risus, eget molestie enim. Sed sodales purus at enim imperdiet porta. Aliquam efficitur nunc ut elit auctor tincidunt in quis urna. Nullam pretium eget quam et mollis. Integer posuere est non nulla tempor, in tristique nisi tempus. Duis sagittis metus quis nibh posuere convallis. Nunc eu dolor quis tortor pulvinar volutpat ac in felis. Nulla interdum est dolor, et imperdiet massa viverra ac. Nam eu luctus augue. Proin facilisis ornare mi vitae pulvinar. Ut rhoncus vitae sapien sed consectetur. | ||
|
|
||
| Curabitur eget purus molestie est fringilla imperdiet. Etiam id velit vel leo porttitor rhoncus. Nullam tempus placerat metus quis rutrum. Mauris efficitur nisi eleifend elit mollis tristique. Curabitur condimentum turpis id fermentum semper. Mauris vitae neque at erat dictum ultricies. Nam posuere ante sed nisi suscipit, vel euismod est dictum. Nullam ornare felis vitae arcu porta, ut egestas ipsum suscipit. Donec maximus urna auctor, vehicula lacus id, faucibus neque. Proin rhoncus vel mauris eget commodo. Mauris suscipit, magna at porttitor efficitur, leo justo porttitor neque, sed venenatis lacus urna sed felis. | ||
|
|
||
| Cras feugiat odio elit, et mollis lorem dignissim at. Nulla pretium sollicitudin blandit. Nullam ut dolor id tellus aliquet tincidunt a ac ante. Praesent ornare consectetur ipsum, quis imperdiet nisl fringilla facilisis. Nullam vel laoreet urna. Maecenas laoreet interdum leo, sed placerat nisl ornare id. Morbi pharetra urna pretium, dapibus metus at, auctor felis. Phasellus quis lacinia tortor. | ||
|
|
||
| Cras feugiat magna urna, nec tempor magna luctus vel. Suspendisse quis rutrum diam. Phasellus lacinia quam ut gravida volutpat. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam id sem ac metus sagittis vulputate non at quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis nibh vel eros bibendum tristique interdum nec nulla. | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| --- | ||
| layout: post | ||
| title: "Second blog post" | ||
| headline: "Checkout this super blog post also..." | ||
|
There was a problem hiding this comment. It's just for tests - What I would suggest is to set hidden: true. It won't appear in the website and not in the RSS feed, and it would still be there as an example. |
||
| categories: blog | ||
| hidden: false | ||
| author: mathieu_carbou | ||
| tags: [ehcache, website] | ||
| comments: true | ||
| date: 2016-05-05T00:00:00-`05:00 | ||
| modified: | ||
| --- | ||
|
|
||
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et purus at quam ullamcorper volutpat. Nullam ut nunc at sem tincidunt elementum vel et sem. Nam a nisl nec nisi tincidunt interdum in vel nulla. Maecenas ac elit vel felis pellentesque feugiat ut in quam. Quisque in dapibus enim, dapibus ultricies erat. Vivamus tristique varius magna at tincidunt. Ut venenatis dolor neque. Morbi pretium diam sed nulla consectetur maximus. Etiam sem turpis, ullamcorper sed arcu et, consectetur euismod est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris pharetra lorem ante, at suscipit urna bibendum ut. In a condimentum turpis. Pellentesque fermentum ex eget venenatis imperdiet. Donec vehicula vel purus et malesuada. Proin nunc quam, dictum ut elit ac, porttitor pretium elit. | ||
|
|
||
| Donec sit amet ultricies risus, eget molestie enim. Sed sodales purus at enim imperdiet porta. Aliquam efficitur nunc ut elit auctor tincidunt in quis urna. Nullam pretium eget quam et mollis. Integer posuere est non nulla tempor, in tristique nisi tempus. Duis sagittis metus quis nibh posuere convallis. Nunc eu dolor quis tortor pulvinar volutpat ac in felis. Nulla interdum est dolor, et imperdiet massa viverra ac. Nam eu luctus augue. Proin facilisis ornare mi vitae pulvinar. Ut rhoncus vitae sapien sed consectetur. | ||
|
|
||
| Curabitur eget purus molestie est fringilla imperdiet. Etiam id velit vel leo porttitor rhoncus. Nullam tempus placerat metus quis rutrum. Mauris efficitur nisi eleifend elit mollis tristique. Curabitur condimentum turpis id fermentum semper. Mauris vitae neque at erat dictum ultricies. Nam posuere ante sed nisi suscipit, vel euismod est dictum. Nullam ornare felis vitae arcu porta, ut egestas ipsum suscipit. Donec maximus urna auctor, vehicula lacus id, faucibus neque. Proin rhoncus vel mauris eget commodo. Mauris suscipit, magna at porttitor efficitur, leo justo porttitor neque, sed venenatis lacus urna sed felis. | ||
|
|
||
| Cras feugiat odio elit, et mollis lorem dignissim at. Nulla pretium sollicitudin blandit. Nullam ut dolor id tellus aliquet tincidunt a ac ante. Praesent ornare consectetur ipsum, quis imperdiet nisl fringilla facilisis. Nullam vel laoreet urna. Maecenas laoreet interdum leo, sed placerat nisl ornare id. Morbi pharetra urna pretium, dapibus metus at, auctor felis. Phasellus quis lacinia tortor. | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think there are too many top-level menu items now.
What about putting resources under "docs" and having a "blogs" with "ehcache blog" and "terracotta blog" under it?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actually I agree with you but I don't know the answer because when discussing with @ljacomet we decided to put resources there. I sincerely don't know now if it is better to move it or change the CSS to improve the font / space or anything else.
The issue currently is that the top bar is too long and on smaller resolution, the right side comes below the left side and it's ugly.
I'll change so that we can test!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I agree with the sizing issue. I would indeed put the two blog sections under a single menu item.
For the rest, I believe having doc as a direct link remains interesting.
Could we group resources and downloads under a single menu item?