Skip to content

Commit

Permalink
UI improvements to AzureSDK Release Blog (#4166)
Browse files Browse the repository at this point in the history
  • Loading branch information
chidozieononiwu authored Apr 9, 2022
1 parent 2b89a7d commit a5419ab
Show file tree
Hide file tree
Showing 12 changed files with 340 additions and 232 deletions.
15 changes: 5 additions & 10 deletions Gemfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -15,15 +15,14 @@ GEM
coffee-script-source (1.11.1)
colorator (1.1.0)
commonmarker (0.23.4)
concurrent-ruby (1.1.9)
concurrent-ruby (1.1.10)
dnsruby (1.61.9)
simpleidn (~> 0.1)
em-websocket (0.5.3)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0)
ethon (0.15.0)
ffi (>= 1.15.0)
eventmachine (1.2.7)
eventmachine (1.2.7-x64-mingw32)
execjs (2.8.1)
faraday (1.10.0)
Expand All @@ -49,7 +48,6 @@ GEM
faraday-patron (1.0.0)
faraday-rack (1.0.0)
faraday-retry (1.0.3)
ffi (1.15.5)
ffi (1.15.5-x64-mingw32)
forwardable-extended (2.6.0)
gemoji (3.0.1)
Expand Down Expand Up @@ -104,7 +102,7 @@ GEM
octokit (~> 4.0)
public_suffix (>= 3.0, < 5.0)
typhoeus (~> 1.3)
html-pipeline (2.14.0)
html-pipeline (2.14.1)
activesupport (>= 2)
nokogiri (>= 1.4)
http_parser.rb (0.8.0)
Expand Down Expand Up @@ -227,15 +225,13 @@ GEM
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.3.6)
mini_portile2 (2.8.0)
minima (2.5.1)
jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
minitest (5.15.0)
multipart-post (2.1.1)
nokogiri (1.13.3)
mini_portile2 (~> 2.8.0)
nokogiri (1.13.3-x64-mingw32)
racc (~> 1.4)
octokit (4.22.0)
faraday (>= 0.9)
Expand Down Expand Up @@ -273,13 +269,12 @@ GEM
tzinfo (>= 1.0.0)
unf (0.1.4)
unf_ext
unf_ext (0.0.8.1)
unf_ext (0.0.8.1-x64-mingw32)
unicode-display_width (1.8.0)
wdm (0.1.1)
zeitwerk (2.5.4)

PLATFORMS
ruby
x64-mingw32

DEPENDENCIES
Expand All @@ -290,4 +285,4 @@ DEPENDENCIES
wdm (>= 0.1.0)

BUNDLED WITH
2.3.9
2.3.10
16 changes: 10 additions & 6 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,13 @@
<footer>
<div class="row">
<div class="col-lg-12 footer">
&copy;{{ site.time | date: "%Y" }} {{site.company_name}}. All rights reserved. <br />
{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y" }} <br />
<p><img src="{{ "/images/company_logo.png" | relative_url }}" width="25%" alt="Microsoft logo"/></p>
</div>
<div class="container-fluid">
<div class="row footer">
<div class="col-lg-6 text-left pb-1">
&copy;{{ site.time | date: "%Y" }} {{site.company_name}}. All rights reserved.
{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y" }}
</div>
<div class="col-lg-6 text-right">
<p><img src="{{ "/images/company_logo.png" | relative_url }}" width="100px" alt="Microsoft logo"/></p>
</div>
</div>
</div>
</footer>
4 changes: 2 additions & 2 deletions _includes/releases/pkgrow.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@

<tr scope="row">
<td title="{{ item.Package }}">
<div>{{ item.DisplayName }} {% if include.type == "all" and item.New == "true" %}<i>(New)</i>{%endif%}</div>
<div><small class="text-muted">{{item.Package}}</small></div>
<div><strong>{{ item.DisplayName }} {% if include.type == "all" and item.New == "true" %}<i>(New)</i>{%endif%}</strong></div>
<div><small>{{item.Package}}</small></div>
<div>{% include releases/replace.md %}</div>
</td>
{% if include.type != "deprecated" %}
Expand Down
91 changes: 46 additions & 45 deletions _includes/sidebar.html
Original file line number Diff line number Diff line change
@@ -1,64 +1,65 @@
{% assign sidebar = site.data.sidebars[page.sidebar].entries %}

<ul id="mysidebar" class="nav">
<div id="mysidebar" class="nav">

<script src="{{ "/js/tipuesearch_content.js" | relative_url }}"></script>
<script src="{{ "/js/tipuesearch_set.js" | relative_url }}"></script>
<script src="{{ "/js/tipuesearch.min.js" | relative_url }}"></script>

<p>
<form action="{{folder.url}}/azure-sdk/search.html" >
<div class=" tipue_search_left"><img src="{{ "/images/search.png" | relative_url }}" class="tipue_search_icon"></div>
<div class=" tipue_search_left"><img src="{{ "/images/search.png" | relative_url }}" alt="Search Icon" class="tipue_search_icon"></div>
<input type="text" class="form-control tipue_search_right" name="q" id="tipue_search_input" pattern=".{3,}" title="At least 3 characters" required placeholder="Search website">
</form>
</p>
<div style="clear: both;"></div>

<li class="sidebarTitle">{{sidebar[0].product}} {{sidebar[0].version}}</li>
{% for entry in sidebar %}
{% for folder in entry.folders %}
{% if page.url == folder.url %}
<li class="active">
{% else %}
<li>
{% endif %}
{% if folder.url %}
<a title="{{folder.title}}" href="{{folder.url | relative_url}}">{{folder.title}}</a>
<ol>
<li class="sidebarTitle">{{sidebar[0].product}} {{sidebar[0].version}}</li>
{% for entry in sidebar %}
{% for folder in entry.folders %}
{% if page.url == folder.url %}
<li class="active">
{% else %}
<a title="{{folder.title}}" href="#">{{folder.title}}</a>
<li>
{% endif %}
<ul>
{% for folderitem in folder.folderitems %}
{% if folderitem.external_url %}
<li><a title="{{folderitem.title}}" href="{{folderitem.external_url}}" target="_blank" rel="noopener">{{folderitem.title}}</a></li>
{% elsif page.url == folderitem.url %}
<li class="active"><a title="{{folderitem.title}}" href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% elsif folderitem.type == "empty" %}
<li><a title="{{folderitem.title}}" href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% else %}
<li><a title="{{folderitem.title}}" href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% endif %}
{% for subfolders in folderitem.subfolders %}
<li class="subfolders">
<a title="{{subfolders.title}}" href="#">{{ subfolders.title }}</a>
<ul>
{% for subfolderitem in subfolders.subfolderitems %}
{% if subfolderitem.external_url %}
<li><a title="{{subfolderitem.title}}" href="{{subfolderitem.external_url}}" target="_blank" rel="noopener">{{subfolderitem.title}}</a></li>
{% elsif page.url == subfolderitem.url %}
<li class="active"><a title="{{subfolderitem.title}}" href="{{subfolderitem.url | relative_url }}">{{subfolderitem.title}}</a></li>
{% else %}
<li><a title="{{subfolderitem.title}}" href="{{subfolderitem.url | relative_url }}">{{subfolderitem.title}}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% if folder.url %}
<a title="{{folder.title}}" href="{{folder.url | relative_url}}">{{folder.title}}</a>
{% else %}
<a title="{{folder.title}}" href="#">{{folder.title}}</a>
{% endif %}
<ul>
{% for folderitem in folder.folderitems %}
{% if folderitem.external_url %}
<li><a title="{{folderitem.title}}" href="{{folderitem.external_url}}" target="_blank" rel="noopener">{{folderitem.title}}</a></li>
{% elsif page.url == folderitem.url %}
<li class="active"><a title="{{folderitem.title}}" href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% elsif folderitem.type == "empty" %}
<li><a title="{{folderitem.title}}" href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% else %}
<li><a title="{{folderitem.title}}" href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% endif %}
{% for subfolders in folderitem.subfolders %}
<li class="subfolders">
<a title="{{subfolders.title}}" href="#">{{ subfolders.title }}</a>
<ul>
{% for subfolderitem in subfolders.subfolderitems %}
{% if subfolderitem.external_url %}
<li><a title="{{subfolderitem.title}}" href="{{subfolderitem.external_url}}" target="_blank" rel="noopener">{{subfolderitem.title}}</a></li>
{% elsif page.url == subfolderitem.url %}
<li class="active"><a title="{{subfolderitem.title}}" href="{{subfolderitem.url | relative_url }}">{{subfolderitem.title}}</a></li>
{% else %}
<li><a title="{{subfolderitem.title}}" href="{{subfolderitem.url | relative_url }}">{{subfolderitem.title}}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endfor %}
{% endfor %}
{% endfor %}
</ul>
</li>
</ul>
</li>
{% endfor %}
{% endfor %}
{% endfor %}
</ul>
</ol>
</div>

<script>$("li.active").parents('li').toggleClass("active");</script>
2 changes: 1 addition & 1 deletion _includes/toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
var target = $(this.getAttribute('href'))
, scroll_target = target.offset().top

$(window).scrollTop(scroll_target - 10);
$(window).scrollTop(scroll_target - 60);
return false
})

Expand Down
12 changes: 6 additions & 6 deletions _includes/topnav.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<!-- Navigation -->
<nav class="navbar navbar-inverse">
<div class="container topnavlinks">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
Expand All @@ -9,7 +9,7 @@
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ "/releases/latest/index.html" | relative_url }}"/>
<span class="projectTitle"><img style="margin-top: -8px;" class="d-inline-block align-top" src="{{ "/images/azure-sdk-glyph.svg" | relative_url }}" width="42" height="42" alt=""/> {{site.topnav_title}}</span>
<span class="projectTitle"><img style="margin-top: -8px;" class="d-inline-block align-top" src="{{ "/images/azure-sdk-glyph.svg" | relative_url }}" width="35" height="35" alt=""/> {{site.topnav_title}}</span>
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
Expand Down Expand Up @@ -64,13 +64,13 @@
{% endif %}
<li>
{% if page.repository %}
<a style="font-size: 1.666em !important" class="fa fa-github fa-2x" href="https://github.com/{{ page.repository }}"></a>
<a style="font-size: 1.666em !important" class="fa fa-github fa-2x" title="GitHub Link" href="https://github.com/{{ page.repository }}"></a>
{% elsif site.repository %}
<a style="font-size: 1.666em !important" class="fa fa-github fa-2x" href="https://github.com/{{ site.repository }}"></a>
<a style="font-size: 1.666em !important" class="fa fa-github fa-2x" title="GitHub Link" href="https://github.com/{{ site.repository }}"></a>
{% endif %}
</li>
<li>
<a style="font-size: 1.666em !important" class="fa fa-twitter fa-2x" href="https://twitter.com/AzureSDK"></a>
<a style="font-size: 1.666em !important" class="fa fa-twitter fa-2x" title="Twitter Link" href="https://twitter.com/AzureSDK"></a>
</li>
</ul>
</div>
Expand Down
12 changes: 7 additions & 5 deletions _layouts/default.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">

<head>
{% include head.html %}
Expand Down Expand Up @@ -90,24 +90,25 @@
<body>
{% include topnav.html %}
<!-- Page Content -->
<div class="container">
<div class="container-fluid" style="margin-top: 60px; min-height: calc(100vh - 50px);">
<div id="main">
<!-- Content Row -->
<div class="row">
{% assign content_col_size = "col-md-12" %}
{% unless page.hide_sidebar %}
<!-- Sidebar Column -->
<div class="col-md-3" id="tg-sb-sidebar">
<div class="col-md-2 col-xs-12" id="tg-sb-sidebar">
{% include sidebar.html %}
</div>
{% assign content_col_size = "col-md-9" %}
{% assign content_col_size = "col-md-10 col-xs-12" %}
{% endunless %}

<!-- Content Column -->
<div class="{{content_col_size}}" id="tg-sb-content">
{{content}}
</div>
<!-- /.row -->

</div>
<!-- /.container -->
</div>
Expand All @@ -120,5 +121,6 @@
{% include app_insights.html %}
{% endif %}
</body>

{{site.data.alerts.hr_shaded}}
{% include footer.html %}
</html>
Loading

0 comments on commit a5419ab

Please sign in to comment.