https://ekidney-blog.netlify.app/assets/js/0f62a2aa.c6676094.js

1"use strict";(self.webpackChunkekidneyblog=self.webpackChunkekidneyblog||[]).push([[509],{3905:function(e,t,o){o.d(t,{Zo:function(){return c},kt:function(){return f}});var r=o(7294);function n(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function a(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?a(Object(o),!0).forEach((function(t){n(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function s(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}var p=r.createContext({}),l=function(e){var t=r.useContext(p),o=t;return e&&(o="function"==typeof e?e(t):i(i({},t),e)),o},c=function(e){var t=l(e.components);return r.createElement(p.Provider,{value:t},e.children)},u={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},d=r.forwardRef((function(e,t){var o=e.components,n=e.mdxType,a=e.originalType,p=e.parentName,c=s(e,["components","mdxType","originalType","parentName"]),d=l(o),f=n,h=d["".concat(p,".").concat(f)]||d[f]||u[f]||a;return o?r.createElement(h,i(i({ref:t},c),{},{components:o})):r.createElement(h,i({ref:t},c))}));function f(e,t){var o=arguments,n=t&&t.mdxType;if("string"==typeof e||n){var a=o.length,i=new Array(a);i[0]=d;var s={};for(var p in t)hasOwnProperty.call(t,p)&&(s[p]=t[p]);s.originalType=e,s.mdxType="string"==typeof e?e:n,i[1]=s;for(var l=2;l<a;l++)i[l]=o[l];return r.createElement.apply(null,i)}return r.createElement.apply(null,o)}d.displayName="MDXCreateElement"},6725:function(e,t,o){o.r(t),o.d(t,{assets:function(){return c},contentTitle:function(){return p},default:function(){return f},frontMatter:function(){return s},metadata:function(){return l},toc:function(){return u}});var r=o(7462),n=o(3366),a=(o(7294),o(3905)),i=["components"],s={slug:"Fedora-iot-update",title:"Fedora IoT Front Page update",authors:{name:"Emma Kidney",title:"Associate Software Engineer @ Red Hat CPE",image_url:"https://github.com/ekidneyrh.png"},tags:["design","fiot","penpot","mockups",2022]},p=void 0,l={permalink:"/Fedora-iot-update",editUrl:"https://github.com/blog/2022-06-06.fiot-update.md",source:"@site/blog/2022-06-06.fiot-update.md",title:"Fedora IoT Front Page update",description:"As part of the Fedora Website Revamp project, I have a draft of the Fedora IoT front page. This page is designed to look related to Mo's work on the Fedora Workstation front page. A lot of the elements are the same, they have just been adjusted to fit the IoT page.",date:"2022-06-06T00:00:00.000Z",formattedDate:"June 6, 2022",tags:[{label:"design",permalink:"/tags/design"},{label:"fiot",permalink:"/tags/fiot"},{label:"penpot",permalink:"/tags/penpot"},{label:"mockups",permalink:"/tags/mockups"},{label:"2022",permalink:"/tags/2022"}],readingTime:1.66,truncated:!0,authors:[{name:"Emma Kidney",title:"Associate Software Engineer @ Red Hat CPE",image_url:"https://github.com/ekidneyrh.png",imageURL:"https://github.com/ekidneyrh.png"}],frontMatter:{slug:"Fedora-iot-update",title:"Fedora IoT Front Page update",authors:{name:"Emma Kidney",title:"Associate Software Engineer @ Red Hat CPE",image_url:"https://github.com/ekidneyrh.png",imageURL:"https://github.com/ekidneyrh.png"},tags:["design","fiot","penpot","mockups","2022"]},nextItem:{title:"Exploring Blender",permalink:"/Exploring-Blender"}},c={authorsImageUrls:[void 0]},u=[],d={toc:u};function f(e){var t=e.components,s=(0,n.Z)(e,i);return(0,a.kt)("wrapper",(0,r.Z)({},d,s,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"As part of the Fedora Website Revamp project, I have a draft of the Fedora IoT front page. This page is designed to look related to ",(0,a.kt)("a",{parentName:"p",href:"https://discussion.fedoraproject.org/t/fedora-workstation-front-page-revamp-first-cut-looking-for-feedback/37169"},"Mo's work on the Fedora Workstation front page.")," A lot of the elements are the same, they have just been adjusted to fit the IoT page."),(0,a.kt)("p",null,"The full mockup can be found ",(0,a.kt)("a",{parentName:"p",href:"https://design.penpot.app/#/view/a1dac650-cf77-11ec-ab9e-75f6b8214121?page-id=a1dac651-cf77-11ec-ab9e-75f6b8214121&section=interactions&index=0&share-id=5b277580-d04b-11ec-ab9e-75f6b8214121"},"here"),". This is just a static mockup at the moment, links will be added in soon!"),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"}

1,"Background graphic on hero area")),(0,a.kt)("p",null,(0,a.kt)("img",{alt:"Hero",src:o(6141).Z,width:"1279",height:"895"})),(0,a.kt)("p",null,"For the background image, I reworked the Fedora 29 wallpaper. Fedora IoT's colour is purple, so this seems like a good image to use. I think the image reflects an electric connectivity element which suits IoT. "),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},"RAM Hero image")),(0,a.kt)("p",null,"The RAM image used is a 3D blender render so other angles are available. I sourced it on ",(0,a.kt)("a",{parentName:"p",href:"https://www.blenderkit.com/"},"https://www.blenderkit.com/"),", which has a large library of free assets for Blender. Picking what hardware to use as the hero was tricky as there's no single device to use Fedora IoT. Suggestions are welcome but limited to resources available."),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},"Why Fedora IoT?")),(0,a.kt)("p",null,(0,a.kt)("img",{alt:"why-fiot",src:o(9819).Z,width:"1278",height:"876"})),(0,a.kt)("p",null,"This section is similar to that on the Fedora workstation page. Colours were changed to suit the theme of Fedora IoT. Information here was taken from notes taken during meetings with Peter. Suggestions on how to improve the wording are welcome!"),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},"Platforms tested against Fedora IoT")," "),(0,a.kt)("p",null,(0,a.kt)("img",{alt:"plaforms",src:o(5821).Z,width:"1275",height:"549"})),(0,a.kt)("p",null,"Information on this section was taken from ",(0,a.kt)("a",{parentName:"p",href:"https://docs.fedoraproject.org/en-US/iot/reference-platforms/"},"the docs pages.")," Vendors/platforms displayed are those we have relationships with who are doing in-house testing. I am currently waiting for approval for logo use. "),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},"Built By You")),(0,a.kt)("p",null,(0,a.kt)("img",{alt:"built-by-you",src:o(7780).Z,width:"1276",height:"800"})),(0,a.kt)("p",null,"As Mo stated in her post, one of the goals we have for the website revamp is to make it more obvious how to contribute / how to join Fedora. I just updated the colour scheme to match Fedora IoT's colours and changed the contact information. "),(0,a.kt)("p",null,(0,a.kt)("strong",{parentName:"p"},"Feedback Welcome!")," "),(0,a.kt)("p",null,"I posted this to ",(0,a.kt)("a",{parentName:"p",href:"https://discussion.fedoraproject.org/t/fedora-iot-front-page-revamp-looking-for-feedback/39447"},"Fedora Discussion")," for feedback. Currently I am working through the feedback and will post another update soon."))}f.isMDXComponent=!0},7780:function(e,t,o){t.Z=o.p+"assets/images/builtbyyou-d890db31e414c3fe62e5726a7ea2f70a.png"},6141:function(e,t,o){t.Z=o.p+"assets/images/hero-bbad3c40303644384cb56a1a505c7f36.png"},5821:function(e,t,o){t.Z=o.p+"assets/images/platforms-812e18f1832c3f5cdfa124c562a63029.png"},9819:function(e,t,o){t.Z=o.p+"assets/images/whyfiot-1043f1cb6b7ff7cd353fb308a96ec2ce.png"}}]);