Merge pull request #85 from bcgov/feat/SC2961

feat, SC-2961: Add BCBox page, update service.html template, new image files, some other upkeep work

Gemfile

@@ -23,3 +23,5 @@ end
 # Performance-booster for watching directories on Windows
 gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform?
 
+
+gem "webrick", "~> 1.8"

Gemfile.lock

@@ -279,6 +279,7 @@ GEM
     unf_ext (0.0.8-x64-mingw32)
     unicode-display_width (1.8.0)
     wdm (0.1.1)
+    webrick (1.8.1)
     zeitwerk (2.5.1)
 
 PLATFORMS
@@ -292,6 +293,7 @@ DEPENDENCIES
   tzinfo (~> 1.2)
   tzinfo-data
   wdm (~> 0.1.1)
+  webrick (~> 1.8)
 
 BUNDLED WITH
    2.2.33

_layouts/service.html

@@ -34,6 +34,27 @@ <h2 class="text-center">
     </div>
   </div>
 </div>
+{% if page.youtubeEmbed %}
+<!-- <div class="container text-center mb-5">
+  <iframe width="600" height="337"
+    src="{{ page.youtubeEmbed }}">
+  </iframe>
+</div> -->
+<div class="embed-video mb-5">
+  <embed
+    src="{{ page.youtubeEmbed }}"
+    wmode="transparent"
+    type="video/mp4"
+    width="100%" height="100%"
+    allow="autoplay; encrypted-media; picture-in-picture"
+    allowfullscreen
+    title="embedded-youtube"
+  >
+</div>
+{% endif %}
+{% if page.descriptionExt and page.descriptionExt != empty %}
+<div class="container mb-5">{{ page.descriptionExt }}</div>
+{% endif %}
 
 <div class="container">
   {% if page.contentStyle != "unstructured" %}
@@ -50,7 +71,10 @@ <h5> <img class="img-fluid mr-3" src="{{ site.baseurl }}/assets/images/key.svg"
   <div class="feature-card">
     <div class="card">
       <div class="card-header">
-        {{ page.title }} ({{ page.name }})
+        {{ page.title }}
+        {% if page.name %}
+        ({{ page.name }})
+        {% endif %}
       </div>
       <div class="card-body">
         <div class="row no-gutters">
@@ -145,7 +169,10 @@ <h5> <img class="img-fluid mr-3" src="{{ site.baseurl }}/assets/images/cloud.svg
   <div class="feature-card">
     <div class="card">
       <div class="card-header">
-        {{ page.title }} ({{ page.name }})
+        {{ page.title }}
+        {% if page.name %}
+        ({{ page.name }})
+        {% endif %}
       </div>
       <div class="card-body">
         <div class="row no-gutters">
@@ -177,6 +204,17 @@ <h5> <img class="img-fluid mr-3" src="{{ site.baseurl }}/assets/images/cloud.svg
           </div>
         </div>
 
+        {% if page.urls.apiLink %}
+        <div class="row no-gutters">
+          <div class="col-sm-3">API</div>
+          <div class="col-sm-9">
+            <a href="{{ page.urls.apiLink.link }}" target="_blank">
+              {{ page.urls.apiLink.text }}
+              <i class="fas fa-external-link-square-alt"></i>
+            </a>
+          </div>
+        </div>
+        {% else %}
         <div class="row no-gutters">
           <div class="col-sm-3">API Review</div>
           <div class="col-sm-9">
@@ -192,6 +230,7 @@ <h5> <img class="img-fluid mr-3" src="{{ site.baseurl }}/assets/images/cloud.svg
             {% endif %}
           </div>
         </div>
+        {% endif %}
 
         {% if page.urls.ui %}
         <div class="row no-gutters">
@@ -220,7 +259,10 @@ <h5> <img class="img-fluid mr-3" src="{{ site.baseurl }}/assets/images/cloud.svg
   <div class="feature-card">
     <div class="card">
       <div class="card-header">
-        {{ page.title }} ({{ page.name }})
+        {{ page.title }}
+        {% if page.name %}
+        ({{ page.name }})
+        {% endif %}
       </div>
       <div class="card-body">
         <div class="row no-gutters">

_sass/pages.scss

@@ -118,6 +118,15 @@ h2 .mascot{
   }
 }
 
+/* Style specific to the embedded youtube video of service pages */
+.embed-video {
+  width: 600px;
+  height: 337px;
+  float: none;
+  clear: both;
+  margin: 2px auto;
+}
+
 /* Style specific to the onboarding pages */
 .onboarding-content {
   .feature-card .onboard-table-desc {

collections/_services/bcbox.md

@@ -0,0 +1,36 @@
+---
+layout: service
+type: service
+
+name:
+title: BCBox
+order: 1
+description: >-
+  <a href="https://bcbox.nrs.gov.bc.ca/" target="_blank">BCBox</a> is a website that uses the <a href="https://bcgov.github.io/common-service-showcase/services/coms.html" target="_blank">Common Object Management Service</a> and your S3 Bucket so <a href="https://www2.gov.bc.ca/gov/content/governments/services-for-government/information-management-technology/id-services/idir" target="_blank">IDIR</a> and <a href="https://www.bceid.ca/" target="_blank">BCeID</a> users can upload and share files with each other or the public.
+youtubeEmbed: https://www.youtube.com/embed/uu-C9oua6uc
+descriptionExt: >-
+  Using BCBox, you can use a website to access cost-effective storage and easily share files with coworkers, partners, or the public. All you need is an S3 bucket to get started.
+onboard:
+  - 'Hosted Service'
+onboardDescription: >-
+  Simply go to <a href="https://bcbox.nrs.gov.bc.ca/" target="_blank">BCBox</a> to get started. <br><br>We also offer <a href="https://bcgov.github.io/common-service-showcase/services/coms.html" target="_blank">Common Object Management Service (COMS)</a> as a shared hosted service or application you can customize and deploy in your own infrastructure.
+urls:
+  hosted: https://bcbox.nrs.gov.bc.ca
+  github: https://github.com/bcgov/bcbox
+  guide: https://github.com/bcgov/bcbox/wiki/User-Manual
+  apiLink:
+    text: Common Object Management Service (COMS)
+    link: https://bcgov.github.io/common-service-showcase/services/coms.html
+button: true
+pictures:
+  icon: bcbox.svg
+  header: bcbox_header.svg
+
+---
+- A web interface to upload and download files
+- File access control and permission management
+- Secure file sharing with BCeID/IDIR users and the public
+- File search and ability to add tags and metadata to your files
+- File versioning
+- Connects to any S3-compatible object-storage service (eg: Dell ECS or AWS S3)
+- Integrates with other apps using the SSO 'Standard' Keycloak realm

collections/_services/coms.md

@@ -17,7 +17,7 @@ onboardDescription: >-
   COMS is now available as a shared hosted service as well as an application that you can customise and deploy
   in your own infrastructure.
   See our documentation of <a href="https://github.com/bcgov/common-object-management-service/wiki/Hosting-Considerations" target="_blank">hosting
-   considerations</a> and <a href="https://github.com/bcgov/common-object-management-service/wiki/Deployment-Guide" target="_blank">deployment
+   considerations</a> and <a href="https://github.com/bcgov/common-object-management-service/wiki/Self-Hosting-COMS" target="_blank">deployment
    guide</a> in the COMS wiki.<br /><br />
   We have also launched <a href=" https://bcbox.nrs.gov.bc.ca/" target="_blank">BCBox</a>, a user-interface for managing files,
   integrated with the hosted COMS service.

team.md

@@ -9,12 +9,13 @@ description: Founded in 2019, we are a cross-functional agile team, building on
 <div class="mb-5">
     <h4>Team Members</h4>
     <ul class="team-list">
-        <li> Sharolyn Hurley - Senior Product Manager</li>
-        <li>Koreen - Scrum Master</li>
+        <li>Sharolyn Hurley - Senior Product Manager</li>
         <li>Tyler Pantella - Senior UX Practitioner</li>
         <li>Jeremy Ho - Full-Stack Developer</li>
         <li>Kyle Morel - Full-Stack Developer</li>
         <li>Tim Csaky - Full-Stack Developer</li>
+        <li>Wilson Wong - Full-Stack Developer</li>
+        <li>Jatinder Singh - Full-Stack Developer</li>
     </ul>
 </div>