#135 Updating IoT pages
Closed 3 months ago by bcotton. Opened 5 months ago by meherc.
fedora-web/ meherc/websites iot  into  master

@@ -18,75 +18,45 @@ 

    <div class="bg-light border py-5">

      <div class="container">

        <div class="row">

-         <div class="col-lg-6 col-md-12 d-flex flex-column h-100">

+         <div class="col-12 col-lg-6 mt-lg-0 mt-4">

+           <h3 class="font-weight-light">Raw Images :</h3>&nbsp;

            <ul class="list-group">

-             <h3 class="font-weight-light">Raw Images :</h3>&nbsp;

-             {% for key, value in iot_links['type']['raw-xz'].items() %}

-               <li class="list-group-item d-flex align-items-center">

-                 <div class="flex-grow-1">

-                   {% trans trimmed n=releaseinfo.ga.announcement_release_number %}

-                   Fedora {{n}}: Raw Image for <b>{{key}}</b>

-                   {% endtrans %}

-                 </div>

-                 <div>

-                   <a class="btn btn-outline-fedora-blue" href={{value}}>

-                     {% trans trimmed %}Download{% endtrans %}

-                   </a>

-                 </div>

+           {% for key, value in iot_links['type']['raw-xz'].items() %}

+             <li class="list-group-item d-flex align-items-center">

+               <div class="flex-grow-1">

+                 {% trans trimmed n=releaseinfo.ga.announcement_release_number %}

+                 Fedora {{n}}: Raw Image for <b>{{key}}</b>

+                 {% endtrans %}

+               </div>

+               <div>

+                 <a class="btn btn-outline-fedora-blue" href={{value}}>

+                   {% trans trimmed %}Download{% endtrans %}

+                 </a>

+               </div>

              </li>

            {% endfor %}

-           <p class="font-weight-light text-secondary"><em><small>Latest release: {{iot_links['date']}}</small></em></p>

            </ul>

+           <p class="font-weight-light text-secondary"><em><small>Latest release: {{iot_links['date']}}</small></em></p>

          </div>

-         <div class="col-lg-6 col-md-12 d-flex flex-column h-100 pt-5 pt-lg-0">

+         <div class="col-12 col-lg-6 mt-lg-0 mt-4">

+           <h3 class="font-weight-light">Installer ISOs :</h3>&nbsp;

            <ul class="list-group">

-             <h3 class="font-weight-light">Installer ISOs :</h3>&nbsp;

-             {% for key, value in iot_links['type']['dvd-ostree'].items() %}

-               <li class="list-group-item d-flex align-items-center">

-                 <div class="flex-grow-1">

-                   {% trans trimmed n=releaseinfo.ga.announcement_release_number %}

-                   Fedora {{n}}: Installer ISO for <b>{{key}}</b>

-                   {% endtrans %}

-                 </div>

-                 <div>

-                   <a class="btn btn-outline-fedora-blue" href={{value}}>

-                     {% trans trimmed %}Download{% endtrans %}

-                   </a>

-                 </div>

+           {% for key, value in iot_links['type']['dvd-ostree'].items() %}

+             <li class="list-group-item d-flex align-items-center">

+               <div class="flex-grow-1">

+                 {% trans trimmed n=releaseinfo.ga.announcement_release_number %}

+                 Fedora {{n}}: Installer ISO for <b>{{key}}</b>

+                 {% endtrans %}

+               </div>

+               <div>

+                 <a class="btn btn-outline-fedora-blue" href={{value}}>

+                   {% trans trimmed %}Download{% endtrans %}

+                 </a>

+               </div>

              </li>

            {% endfor %}

-           <p class="font-weight-light text-secondary"><em><small>Latest release: {{iot_links['date']}}</small></em></p>

            </ul>

-         </div>

-       </div>

-     </div>

-   </div>

- 

-   <div class="py-5 main-head bg-gray-200 border">

-     <div class="container">

-       <div class="row">

-         <div class="col-12">

-           <h2 class="font-weight-light text-center">{% trans trimmed %}Support Resources.{% endtrans %}</h2>

-         </div>

-       </div><br><br>

-       <div class="row top-margin">

-         <div class="col-md-4 py-4 col-xs-12">

-           <div class="col-12">

-             <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-book"></i>{% trans trimmed %}&nbsp; Documentation{% endtrans %}</h3><br>

-             <p class="font-weight-light">{% trans trimmed %}Specific documentation is available at the <a href="https://docs.fedoraproject.org/en-US/iot/">Fedora IoT documentation page.{% endtrans %}</a></p><br>

-           </div>

-         </div>

-         <div class="col-md-4 py-4 col-xs-12">

-           <div class="col-12">

-             <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-envelope"></i>{% trans trimmed %}&nbsp; Email{% endtrans %}</h3><br>

-             <p class="font-weight-light">{% trans trimmed %}Users and developers are also available on the mailing list at{% endtrans %} <a href="https://admin.fedoraproject.org/mailman/listinfo/iot">iot@lists.fedoraproject.org.</a></p>

-           </div>

-         </div>

-         <div class="col-md-4 py-4 col-xs-12">

-           <div class="col-12">

-             <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-comments"></i>&nbsp; Chat</h3><br>

-             <p class="font-weight-light">{% trans trimmed %}Users and developers are available in the <a href="http://webchat.freenode.net/?channels=fedora-iot">#fedora-iot</a> IRC channel on <strong>irc.freenode.org</strong> for real-time chat.{% endtrans %}</p>

-           </div>

+           <p class="font-weight-light text-secondary"><em><small>Latest release: {{iot_links['date']}}</small></em></p>

          </div>

        </div>

      </div>

@@ -5,47 +5,140 @@ 

  

  {% block content %}

  {{submenu(edition="iot", active="overview")}}

- <div class="main-head bg-tranparent py-5">

-   <div class="container">

-     <div class="row align-items-center">

-       <div class="col-6 ">

-         <h1 class="font-weight-light">Fedora IoT.</h1>

-         <h5 class="font-weight-light">{% trans trimmed %}This is the platform you've been waiting for.{% endtrans %}</h5><br>

-         <a class="btn btn-lg btn-outline-fedora-blue mt-2" href="{{url_for('iot_download', lang_code=lang_code)}}">{% trans trimmed %}Download Now{% endtrans %}</a>

-       </div>

-       <div class="col-6">

-         <img src="/static/images/g-laptop-wallpaper.png" class="w-100"/>

+   <div class="main-head bg-tranparent py-5">

+     <div class="container">

+       <div class="row align-items-center">

+         <div class="col-6 ">

+           <h1 class="font-weight-light">Fedora IoT.</h1>

+           <h5 class="font-weight-light">{% trans trimmed %}A foundation for Internet of Things and Device Edge ecosystems.{% endtrans %}</h5>

+           <a class="btn btn-lg btn-outline-fedora-blue mt-2" href="{{url_for('iot_download', lang_code=lang_code)}}">{% trans trimmed %}Download Now{% endtrans %}</a>

+         </div>

+         <div class="col-6">

+           <img src="/static/images/g-laptop-wallpaper.png" class="w-100"/>

+         </div>

        </div>

      </div>

    </div>

- </div>

- <div class="bg-white pt-5">

- </div>

- <div class="bg-light border py-5">

-   <div class="container">

-     <div class="row">

-       <div class="col-4">

-         <img src="/static/images/g-containers.png" class="w-100"/>

+   <div class="bg-light border py-5">

+     <div class="container">

+       <div class="row align-items-center justify-content-center">

+         <div class="col-12 col-lg-6 col-md-7 col-sm-9 px-5">

+           <img class="w-100 pb-4 pb-lg-0" src="/static/images/g-containers.png" />

+         </div>

+         <div class="col-12 col-lg-6">

+           <h3 class="font-weight-light pb-4 text-center text-lg-left">{% trans trimmed %}Containerized applications{% endtrans %}</h3>

+           <h5 class="font-weight-light">

+             {% trans trimmed %}

+             Build, deploy, and manage your own applications with built-in Open Container Initiative (OCI) image support using podman or deploy containerized applications from popular public registries.

+             {% endtrans %}

+           </h5>

+         </div>

        </div>

-       <div class="col-8">

-         <h2 class=" font-weight-light">{% trans trimmed %}What is Fedora Internet of Things Edition?{% endtrans %}</h2><br>

-         <h5 class="font-weight-light">{% trans trimmed %}Fedora Internet of Things is a Fedora Edition focused on being a strong foundation for IoT ecosystems. Whether you're working on a project at home, industrial gateways, smart cities or analytics with AI/ML, Fedora IoT provides a trusted open source platform to build on. Fedora IoT produces a regular rolling release to help you keep your ecosystem up-to-date.{% endtrans %}</h5>

+     </div> <!--contatiner-->

+   </div> <!-- gradient-->

+ 

+   <div class="bg-gray-200 py-5">

+     <div class="container">

+       <div class="row align-items-center justify-content-center">

+         <div class="col-12 col-lg-6 order-12 order-lg-1">

+           <h3 class="font-weight-light pb-4 text-center text-lg-left">{% trans trimmed %}Reliable operating system{% endtrans %}</h3>

+           <h5 class="font-weight-light">

+             {% trans trimmed %}

+             Fedora IoT uses <a href="https://ostree.readthedocs.io/en/latest/">OSTree technology</a> to provide an immutable operating system with atomic updates. With the greenboot health check framework for systemd, administrators can ensure the system boots into the expected state.

+             {% endtrans %}

+           </h5>

+         </div>

+         <div class="col-12 col-lg-6 col-md-7 col-sm-9 px-5 order-1 order-lg-12">

+           <img class="w-100 pb-4 pb-lg-0" src="/static/images/g-monitor-overview.png" />

+         </div>

        </div>

-     </div>

-   </div>

- </div>

+     </div> <!--contatiner-->

+   </div> <!-- gradient-->

  

- <div class="bg-gray-200 py-5">

-   <div class="container">

+   <div class="bg-light border py-5">

+     <div class="container">

+       <div class="row align-items-center justify-content-center">

+         <div class="col-12 col-lg-5 col-md-7 col-sm-9 px-5">

+           <img class="w-100 pb-4 pb-lg-0" src="/static/images/g-toolbox.png" />

+         </div>

+         <div class="col-12 col-lg-7">

+           <h3 class="font-weight-light pb-4 text-center text-lg-left">{% trans trimmed %}Security in mind{% endtrans %}</h3>

+           <h5 class="font-weight-light">

+             {% trans trimmed %}

+             Security is important for IoT devices especially since they likely don’t have the security of a data center. With support for TPM2, SecureBoot, and automated storage decryption with Clevis, Fedora IoT is built with a focus on security.

+             {% endtrans %}

+           </h5>

+         </div>

+       </div>

+     </div> <!--contatiner-->

+   </div> <!-- gradient-->

  

-   </div>

- </div>

+   <div class="bg-gray-200 py-5">

+     <div class="container">

+       <div class="row align-items-center justify-content-center">

  

- <div class="bg-light py-5">

-   <div class="container">

-     <div class="row">

+         <div class="col-12 col-lg-6 order-12 order-lg-1">

+           <h3 class="font-weight-light pb-4 text-center text-lg-left">{% trans trimmed %}Web-based provisioning{% endtrans %}</h3>

+           <h5 class="font-weight-light">

+             {% trans trimmed %}

+             With the Ignition provisioning utility and Zezere web service, administrators can deploy and configure Fedora IoT in a scalable manner without needing a physical console.

+             {% endtrans %}

+           </h5>

+         </div>

+         <div class="col-12 col-lg-6 col-md-9 col-sm-10 px-5 order-1 order-lg-12">

+           <img class="w-100 pb-4 pb-lg-0" src="/static/images/g-laptop-boxes.png" />

+         </div>

+       </div>

+     </div> <!--contatiner-->

+   </div> <!-- gradient-->

  

+   <div class="bg-light border py-5">

+     <div class="container">

+       <div class="row align-items-center justify-content-center">

+         <div class="col-12 col-lg-5 col-md-7 col-sm-9 px-5">

+           <img class="w-100 pb-4 pb-lg-0" src="/static/images/g-containers.png" />

+         </div>

+         <div class="col-12 col-lg-7">

+           <h3 class="font-weight-light pb-4 text-center text-lg-left">{% trans trimmed %}Multiple architecture support{% endtrans %}</h3>

+           <h5 class="font-weight-light">

+             {% trans trimmed %}

+             IoT devices use a wide range of hardware and with Fedora IoT your software runs on any device without major changes. Fedora IoT is built for x86_64, aarch64, and armhfp processors in the same way with the same versions across all architectures.

+             {% endtrans %}

+           </h5>

+         </div>

+       </div>

+     </div> <!--contatiner-->

+   </div> <!-- gradient-->

+ 

+   <div class="py-5 main-head bg-gray-200 border">

+     <div class="container">

+       <div class="row">

+         <div class="col-12">

+           <h2 class="font-weight-light text-center">{% trans trimmed %}Support Resources{% endtrans %}</h2>

+         </div>

+       </div><br><br>

+       <div class="row top-margin">

+         <div class="col-md-4 py-4 col-xs-12">

+           <div class="col-12">

+             <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-book"></i>{% trans trimmed %}&nbsp; Documentation{% endtrans %}</h3><br>

+             <h5 class="font-weight-light">{% trans trimmed %}Specific documentation is available at the <a href="https://docs.fedoraproject.org/en-US/iot/">Fedora IoT documentation page.{% endtrans %}</a></h5><br>

+           </div>

+         </div>

+         <div class="col-md-4 py-4 col-xs-12">

+           <div class="col-12">

+             <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-envelope"></i>{% trans trimmed %}&nbsp; Email{% endtrans %}</h3><br>

+             <h5 class="font-weight-light">{% trans trimmed %}Users and developers are also available on the mailing list at{% endtrans %} <a href="https://admin.fedoraproject.org/mailman/listinfo/iot">iot@lists.fedoraproject.org.</a></h5>

+           </div>

+         </div>

+         <div class="col-md-4 py-4 col-xs-12">

+           <div class="col-12">

+             <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-comments"></i>&nbsp; Chat</h3><br>

+             <h5 class="font-weight-light">{% trans trimmed %}Users and developers are available in the <a href="http://webchat.freenode.net/?channels=fedora-iot">#fedora-iot</a> IRC channel on <strong>irc.freenode.org</strong> for real-time chat.{% endtrans %}</h5>

+           </div>

+         </div>

+       </div>

      </div>

    </div>

+ 

  </div>

  {% endblock %}

@@ -11,7 +11,7 @@ 

        <div class="row align-items-center">

          <div class="col-12">

            <h1 class="font-weight-light">Download Fedora Silverblue.</h1>

-           <h5 class="font-weight-light">{% trans trimmed %}Download the Silverblue you've been waiting for.{% endtrans %}</h5>

+           <h5 class="font-weight-light">{% trans trimmed %}<a href="https://silverblue.fedoraproject.org/download">Download</a> the Silverblue you've been waiting for.{% endtrans %}</h5>

          </div>

        </div>

      </div>

@@ -22,9 +22,7 @@ 

      "raw.xz": "Raw",

      "4k.raw.xz": "Raw (4k Native)",

      "iso": "ISO",

-     "pxe": "PXE",

-     "installer.iso": "Installer (ISO)",

-     "installer-pxe": "Installer (PXE)"

+     "pxe": "PXE"

    },

    "qemu": "QEMU",

    "virtualbox": "VirtualBox",
@@ -896,7 +894,8 @@ 

              displayInfo.downloads ? h('div', { class: "ml-2" }, [

                createDownloadsSubSection(displayInfo.downloads.disk, 'disk', false, imageType),

                createDownloadsSubSection(displayInfo.downloads.kernel, 'kernel', true, imageType),

-               createDownloadsSubSection(displayInfo.downloads.initramfs, 'initramfs', true, imageType)

+               createDownloadsSubSection(displayInfo.downloads.initramfs, 'initramfs', true, imageType),

+               createDownloadsSubSection(displayInfo.downloads.rootfs, 'rootfs', true, imageType)

              ]) : null

            ]);

          }));

Added the download page content, and support info. Added two scripts for generating the latest download links and checksum links, also updated the security page to include the checksums for IoT.

@meherc looks great from a content standpoint! I'm not sure why sites/static/js/coreos-download.js and sites/getfedora.org/site/silverblue/download/index.html are in this pull request though. First, they're unrelated and second they already appear in the repo. Did you not rebase before creating the pull request?

Anyway, if you can please remove those files from the pull request, that would be great.

I also don't see "two scripts for generating the lastest...links". Is something missing from the pull request or am I misunderstanding?

Metadata Update from @bcotton:
- Request assigned

4 months ago

@bcotton Yes I'm sorry, I missed rebasing my commits. I can send in a new PR after rebasing all the commits if you want.
The scripts are not visible because they were in one of the previous commits before I pulled and merged changes from upstream, so I'm guessing not rebasing is the issue?

But I think @codeblock did take a look at the PR yesterday and he has merged all the commits after rebasing in iot-wip branch and has also made a few changes himself.

Okay, so let's have you and @codeblock figure out if these changes should merge into master or into iot-wip and then we'll go from there. In either case, you should rebase against the correct branch.

@bcotton iot-wip will supersede this PR, it contains the changes here and some fix-ups I made. I'll finish it up soon and merge it back into master.

I've merged iot-wip into master. @bcotton if things look good to you, feel free to close this. We don't currently link to /iot anywhere afaik, so if we need to change things or bikeshed at all, we should be able to. Or if things look good, we can update the link on / or add it to "Editions" in the top navbar.

Closing this in favor of the merged iot-wip branch.

Pull-Request has been closed by bcotton

3 months ago