Learn more about these different git repos.
Other Git URLs
There is a merger/revival between two teams/groups going on currently. Fedora web apps (formerly with Fedora infra) & the Websites Team to become one new & improved team: Websites & Apps Team. To make this revival happen, a group of folks are working up a Fedora Objective Proposal. One piece of our Objective proposals is something called a logic model, which shows a direct path between: Inputs, Activities, Outputs, Outcomes & Impact. This task will be to update the logic model template with information for this Objective.
To assist & support the new Websites & Apps initiative to become a success.
This task will be to take the template provided and insert the new text, making only small and necessary changes to the design. The outcome should look similar to the example I will provide as well.
<img alt="communityoutreachrevamp_logicmodel.png" src="/design/issue/raw/files/6913a3b28e6c70c0ef053e2d39e4d94e86f278430dd75dfb341f1c7fb5ddec50-communityoutreachrevamp_logicmodel.png" /><img alt="communityoutreachrevamp_logicmodel.svg" src="/design/issue/raw/files/0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel.svg" />
Can you please tell the changes that are to be made in the text so that my template can have the new suggested text. Thanks!
would love to work on this what changes are needed and any preference on design?
@riecatnor I made small changes in the design with the same text as the template. Please provide feedback and tell us about the changes to be made in the text. <img alt="The_Fedora_Project_-_Logic_Model_for_Community_Outreach_revamp_2021.svg" src="/design/issue/raw/files/ccc7e98c87a286e7211dbff2852cf410c27958fb80eb5c3bd68839191d9eb8f7-The_Fedora_Project_-_Logic_Model_for_Community_Outreach_revamp_2021.svg" />
Hey folks! I forgot to add the hackmd document with the updated text. Here it is: https://hackmd.io/3AK29tvGT5y6jJOmSfdAPw
I updated the template I sent previously with the text from the file. Please review it and provide feedback for improvement. Thanks! <img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" src="/design/issue/raw/files/a89d1ca019493e9f76fae86279fb8e358456b4dec32dc6160655074c1dc3dcab-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" />
Hello, I'm Leena, I've begun my contribution to this task. Will be delivering the first prototype soon! Can you assign this task to me? @riecatnor
Hi @riecatnor ! I too worked a little on this issue. So far I came up with 2 modifications. 1) Changed the background color to white. 2) Kept the original design intact, adjusted the border thickness and made some changes in the font of the header texts in each column.
Do let me know if it works! Thankyou :)
Also, I have attached the svg file too. Anyone has any suggestions or changes, feel free to edit this :)
<img alt="model_1.jpg" src="/design/issue/raw/files/45c6ff847058029f0423fa222be7479ca1a8c94d38d805f6e383c3e7309b6ef1-model_1.jpg" /><img alt="model_2.jpg" src="/design/issue/raw/files/27217543388ad3ea7030d6f5cd306bdcaec3726690519552bf7ad3badb91faad-model_2.jpg" /> <img alt="svg_text_updated.svg" src="/design/issue/raw/files/e34e6db6a1317fc84f8675d2e4a90069e9be4644080fa7639b0a5850deb97d07-svg_text_updated.svg" />
I'm sorry, my font size was too small to read. I realized it after posting the comment. I hope this one works.
<img alt="model_1_correction.jpg" src="/design/issue/raw/files/c3b2b75005ae91c5720ad40e733edaff3ff09ac94b12d8eb0f9e20aee2102b66-model_1_correction.jpg" />
Here are two of the designs I created.
The first one is a more safe design, which just updates the text without any other major changes.
In the second one, I've aligned all the text in neat little columnns so that each of the text fields corresponds to the others.
Let me know any feedback and changes that you want me to make! @riecatnor <img alt="Fedora_Community_Outreach_Revamp_-_Copy.svg" src="/design/issue/raw/files/37851c6d6cee54ffda5e799b253cd3d946a92907d099310943a1d3cad8309309-Fedora_Community_Outreach_Revamp_-_Copy.svg" /> <img alt="Fedora_Community_Outreach_Revamp_Adjusted.svg" src="/design/issue/raw/files/5cb387f977975a6c27afb23b83b6f0fff55562dc427d0802bd96cd0e8d7c0288-Fedora_Community_Outreach_Revamp_Adjusted.svg" />
Hello, i am olive and i am currently working on my contribution to this task.
Hey folks! Thanks for all the work here, I have one comment that applies to everyone working on this ticket :) - The design should stay the same. Keep the subheadings, typefaces, etc. You can make alterations to the colors, and making adjustments to spacing as needed. Reminder from the description:
Looking forward to the redesigns, thanks!
Hey folks! Thanks for all the work here, I have one comment that applies to everyone working on this ticket :) - The design should stay the same. Keep the subheadings, typefaces, etc. You can make alterations to the colors, and making adjustments to spacing as needed. Reminder from the description: This task will be to take the template provided and insert the new text, making only small and necessary changes to the design. The outcome should look similar to the example I will provide as well. Looking forward to the redesigns, thanks!
I redesigned it to make it close to the template design and gave spacing to the columns as needed. Please have a look over it and suggest improvements. Thanks!
<img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" src="/design/issue/raw/files/9eab7011bae8219d61f810698b9e18a2b4ea84bb856a3f63f090aa986c4f3923-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" /><img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" src="/design/issue/raw/files/69491f90ce76d5d0e451cbe8e47c519bcf89733a0fe1123aeeb073efe467a7e3-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" />
<img alt="logic-medal-fedora_dark.jpg" src="/design/issue/raw/files/ff660833ec045d0f403ecca432e7a942ba750a9d4553a5921373b3c4f72deb59-logic-medal-fedora_dark.jpg" />
<img alt="logic-medal-fedora_light.jpg" src="/design/issue/raw/files/000312b9725ea449bd910310d5fc06b0a9c91b074b190a35c3e29ca7ad02aeff-logic-medal-fedora_light.jpg" />
I tweaked the color of the design to conform to Fedora's Official colors and made dark and light variants of the design.
To ensure the readability of the text, I made the contrast of the text color to the background color a ratio of 10.03:1.
To ensure accessibility for color blind people, the design was run through a vision simulator and simulated for protanopia, deuteranopia, and tritanopia.
See the links below for the design in SVG format: <img alt="Logic_Model_Dark.svg" src="/design/issue/raw/files/0de16a8509744ba13c243673ced7852ed99a0b0627d7a327d0a0cd22e3a9853c-Logic_Model_Dark.svg" />
<img alt="Logic_Model_Light.svg" src="/design/issue/raw/files/b2bf4dc384c50b3bde46d546c2bfc224a36422aedfb5198ebadeb23570427b91-Logic_Model_Light.svg" />
cc: @riecatnor
Thank you @riecatnor for opening this ticket and all the submissions made here have been awesome so far.
I would go on expressing my views on each of the submissions in this comment.
For @vanichitkara's submission
For @sunidhikashyap's submission
For @leena_harani's submission
For @olive's submission
All these submissions have been great and I am looking forward to your next revisions!
Thank you so much @t0xic0der for such a great and insightful review! I made improvements according to the suggestion, please review it and help me improve it further. Thanks!
<img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" src="/design/issue/raw/files/d3f8e0d02983689acbb166c86420fef393f140d3e5d690b45913fa5f5a5c8907-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" /><img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" src="/design/issue/raw/files/a4cfeb3bf0ca370d287ce5fadb3b223722c9f6f8c2197af234c94a7312c9d31c-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" />
<img alt="Logic_Model_Dark_version_2_1.jpg" src="/design/issue/raw/files/ee151e47e24ed8b9126170ecda6b559375d6fbbcd1342ae4362a3047aa3bc1d2-Logic_Model_Dark_version_2_1.jpg" />
<img alt="Logic_Model_light_version_2_1.jpg" src="/design/issue/raw/files/eb6004f00c33c1350e77762ebbf748ae7dce700816ea55ed8140af7266224347-Logic_Model_light_version_2_1.jpg" />
<img alt="Logic_Model_light_version_2_1.svg" src="/design/issue/raw/files/eac217b2abcfa0250b8a99dc312ac2ad9a02b6663721ac9327247a41d0974881-Logic_Model_light_version_2_1.svg" />
<img alt="Logic_Model_Dark_version_2_1.svg" src="/design/issue/raw/files/fc5f424cd3dbf6ca2deb081f0e6f4b6e3cba0c2c3c57e4fa22ccd575aebc12c0-Logic_Model_Dark_version_2_1.svg" />
Thanks very much for the great review @t0xic0der. this is my improvement according to the review you gave . I will be glad to get a feedback on this . Thanks alot .
cc:@@riecatnor
Thank you for the constructive criticism @t0xic0der. I've used Montserrat for the content text and Comfortaa Sans Bold for the headings as you instructed (though I'm not sure if Comfortaa was the right pick for the font, as the Fedora Design Guidelines state that they're deprecating the use of it in headers). I've also fixed some of the spacing issues that occurred in the original and fixed the absent thick partition. Here's my redesign:
<img alt="Fedora_Community_Outreach_Revamp_2nd_Draft.png" src="/design/issue/raw/files/006ebb9c0b6799f2cf7be9156dfc2f0e2689ffa3e71a463256aecfe3ed6b8179-Fedora_Community_Outreach_Revamp_2nd_Draft.png" />
Hey folks-- please use the template for this. Do not build it from scratch :) If this ticket were "redesign logic model template" we could work on the design. It should look almost exactly like the template Ihave provided.
All that needs to be done is to take the text from the hackmd and put it into the template. Make sure you have Montserrat & Open Sans downloaded before you open the source file. You will need to use a piece of software that can manage SVGs
Thanks!
@riecatnor please review the design. I just edited the text from the hackmd file into the template and made no other changes to the design. <img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" src="/design/issue/raw/files/887dc355e8fbece4665e0760faa6323e7457599f6e293496e0708915c7a7f07b-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" /> <img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" src="/design/issue/raw/files/0b782318f17c993a925b34513d1934c87c93817fb6a89975be95bf268fff47fb-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" />
Hello my fedora contriber ,I will come up tomorrow with great design, I will do my best to reach the perfect design goal recommend by @riecatnor. I have understand the concept. I have almost completed design work. See you soon
Hey @riecatnor I wasn't sure if we had to come up with subsections as well, so I did it for Outcomes and didn't continue with the rest. Is this the correct direction?
<img alt="0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel_1.svg" src="/design/issue/raw/files/cac10d720202c30916d1c5231d263e34c1672846a5f510449ba3f5e982c0bf8f-0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel_1.svg" />
@t0xic0der Thanks for the feedback and encouragement :) I'm sorry for ignoring the basics of design in my attempt. I have made all the corrections, do check. Thanks.
<img alt="correction_m1.jpg" src="/design/issue/raw/files/54369f8d2bcc63a29259fd52ddc2fab75e54b4120f7252d3c74fc79ca5dfa63a-correction_m1.jpg" /><img alt="correction_m2.jpg" src="/design/issue/raw/files/5e5ea7117f963a245a5e0ddd40a70eedb1e3cf8ddc4488833d8a03d019f407c8-correction_m2.jpg" />
<img alt="0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel2.jpg" src="/design/issue/raw/files/1aa8e20be0d8789678f346860ac7572bc352e6bae7e9246ab7b119186b2bcce7-0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel2.jpg" />
<img alt="0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel2.svg" src="/design/issue/raw/files/5246e8e2bccaaf15090cd66999c9a316f1758cc68172d93986166f164aa87ce8-0636cabd2a832fbbce84f62ad0a3d3cbc09f8ef300e8626711fd157abe5b415f-communityoutreachrevamp_logicmodel2.svg" />
cc:@riecatnor This is my updated design. And thanks for the reminder.
Here's my revised design: <img alt="Fedora_Community_Outreach_Revamp_3rd_Draft.png" src="/design/issue/raw/files/2e255ab1cffa67d7bcc322f6b597562c1e5e6c9270ab9ca9014a96536939cbb8-Fedora_Community_Outreach_Revamp_3rd_Draft.png" />
Hey folks, thanks for the continued work on this task! Comments below:
@vanichitkara I think some changes may have been inadvertently made. I can see the typeface is not the same, the lines from the graph are no longer all aligned, and the space around the entire graph is a bit tight. Maybe the export was incorrect?
Hi @dhairya15 I don't think subsections are necessary, though I think breaking up the lines might help the readability? It is going in the right direction, just a couple notes: - Make sure to adjust the title text - Make sure the text is the same size throughout
Hi @sunidhikashyap thanks for the revision, but please do use the template without removing the subtitles or adjusting the colors. Thanks!
Hi @olive this looks pretty good! A few small recommendations: - The lines you are using seem pretty light, and varied in thickness. The line width in the template is good to use. - Move "Mission" and "Vision" sections to be aligned at the top
Hi @leena_harani this is very close! A few small changes: - Make sure to revise the title text - the lines seem to vary in weight, the line width in the template is good to use
Thanks again!
Hey @riecatnor made the changes you suggested. Is this better? Added the demarcating lines in the first option and didn't add them in the second
<img alt="logic_model_1.svg" src="/design/issue/raw/files/6da401ca96d2108a67e6684100de472a3437800a18714357eb589f91f462c06a-logic_model_1.svg" />
<img alt="logic_model_2.svg" src="/design/issue/raw/files/cc8a5378587d27870098b7988b98ddd9f4f77c4db1ca2de95d7c96e22b202f6a-logic_model_2.svg" />
Hi @riecatnor ! Sorry for overlooking the requirement of this task. I have done just as you said, simply changed and adjusted the text into the template. Do let me know if there remains any correction. Thanks :)
<img alt="model_revised.png" src="/design/issue/raw/files/dfcf492093c89a45f1f232d681e5b23da49ff435ae3769b6da8515b3ccc62bef-model_revised.png" />
I have revised the model again. In model_revised_2 - did 1:1 mapping between the points In model_revised_3 - Added tiny bullets to emphasize the beginning of each point
Edit : Please check the png files below this comment and ignore the ones here. I'm sorry for the inconvenience I caused here :( <img alt="model_revised_2.png" src="/design/issue/raw/files/cb019b9dc50619aa02f4656e37f55ade0296a617b07af61f06981f3009e616a2-model_revised_2.png" />
<img alt="model_revised_3.png" src="/design/issue/raw/files/b217d7f19b7bff20288a5713d5579277aec286686d07a4fc63e243b4ebbce7ea-model_revised_3.png" />
There was a minor error with mapping. @riecatnor These two below are my final drafts.
<img alt="model_revised_2.png" src="/design/issue/raw/files/acb294dd01aed417f77c60b55c962096263ada4d5c13a22b23377d071ed41428-model_revised_2.png" /><img alt="model_revised_3.png" src="/design/issue/raw/files/8d07da317b713f4bf6b0de3454280bd82c562143c185b5bcff6fdafc893cbf9e-model_revised_3.png" />
@riecatnor I saved the file correctly and it is showing up as expected in Inkscape but the browser is rendering it in an incorrect way. Can you guide me through this and how to solve this problem? Thanks!
<img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" src="/design/issue/raw/files/011ade595b8f0bdcfd57d26fa6c5fba7c9c9195025525da933d3269b31ad230b-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" />
@vanichitkara Hey, I was having similar issues with my exported files. I solved it by selecting all the text and going to Path>Object to Path. You won't be able to edit the text anymore this way, so I recommend making a copy of the original text layer.
You can also just export a .png file and attach it for the preview.
@vanichitkara Hey, I was having similar issues with my exported files. I solved it by selecting all the text and going to Path>Object to Path. You won't be able to edit the text anymore this way, so I recommend making a copy of the original text layer. You can also just export a .png file and attach it for the preview.
Thank you so much @leena_harani for helping me out! Now the .svg file looks just as expected in the browser :)
<img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" src="/design/issue/raw/files/887dc355e8fbece4665e0760faa6323e7457599f6e293496e0708915c7a7f07b-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" /><img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" src="/design/issue/raw/files/a8973e3e1f300aae4106022d504b365145b7d5247b2e9dd26ca61d19a4bcf97f-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" />
Here's my revised design:
<img alt="3rd_Draft.png" src="/design/issue/raw/files/0861b8631b86ff9113cf677c062048665af9effe8c54609f79c40b15cdb0eb6d-3rd_Draft.png" />
<img alt="logic_model_for_website.svg" src="/design/issue/raw/files/519942c52eef397b8bc8c7a0c4ae20f310498b67df5b3baeae44a6d989f6f5ad-logic_model_for_website.svg" />
<img alt="logic_model_for_website.jpg" src="/design/issue/raw/files/0c406cf3c429c6e834ab0ea6fec94f9f569e0237595e138cff79d1ed5a046ef8-logic_model_for_website.jpg" />
@riecatnor this is my updated design . I will love to get your feedback . and thanks for your review i really do appreciate .
Hello designers! Thanks for the persistent work on this :) comments below
@dhairya15 please upload PNGs so I can review the designs in the ticket. Thanks
@sunidhikashyap nice work! Thanks for providing options, I think model_revised_2 is looking great. A couple notes: - Center "Impact" title text in the last column - Please provide the source file
@vanichitkara glad you were able to get the file uploaded :) here are a couple notes for your next draft: - What typeface are you using? If you are using the template it should be Montserrat - There should be a bit more room around the entire graphic - There are some alignment issues with the outermost lines. Make sure those are even
@leena_harani looking great! I really only have one small note. I see you edited the size of the titles. I don't mind their size in regards to the design overall, but now the title of the overall infographic is smaller than those titles. Adjust either the overall title or the smaller titles.
Hi @olive this looks good! I have two small notes: - The horizontal line under "Mission" is the only one that is not in line, and my eye immediately goes there. Can you rework it to make the lines in the last column to match up with the horizontal lines in the other columns? I know these can be tough, good luck! - Can you upload your next png at a higher resolution? It was too blurry to review through the ticket.
Thanks @riecatnor I'll keep this in mind :) Here are the PNG files for the 2 options I came up with:
<img alt="bitmap.png" src="/design/issue/raw/files/3308a92e11bb9235d33b4e0c1bcb8fd470470333ef6b30face13ded1732a0d70-bitmap.png" />
<img alt="bitmap2.png" src="/design/issue/raw/files/0ff13c14a7d5604f300073fa6ce3c0467317b3dcdaa3d54e52b6a50acec00ff5-bitmap2.png" />
Thanks @riecatnor ! I have done the correction and provided the source file :) <img alt="model_final.png" src="/design/issue/raw/files/7585b7562f86cd37e8d9a389d172bcb71d7d68f19e6c95035fc5dffa587c71c3-model_final.png" /><img alt="model_final.svg" src="/design/issue/raw/files/640cf1f4340482788d55c97f7fb2d7b4af638a956329d85d1683f8fdbbb7ac2d-model_final.svg" />
Decided to adjust the overall title, here's the revised version: <img alt="Logic_Model_For_W_A.png" src="/design/issue/raw/files/7ccc21bdd1fb27d38ed3403b90789d240cfe740bfa43df4482a65f8d97235b6c-Logic_Model_For_W_A.png" /> <img alt="Logic_Model_For_W_A.svg" src="/design/issue/raw/files/3803c95e8d7dd58cf478d7af0662109370f3988d095d354f1a4c4b0030ffa82a-Logic_Model_For_W_A.svg" />
@riecatnor Hi! I didn't notice that Inkscape changed the font to sans-serif instead of Montserrat due to non-availability of font in the system. I revised the design by correcting the font, alignment of outermost lines and gave more room around the graphic. <img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" src="/design/issue/raw/files/8f67442388498a21898dbb003c2a8346737e23463187681b8d1ae59abbfaa819-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.png" /><img alt="The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" src="/design/issue/raw/files/10262b4f6127453e6abfebc06cd20f38c7c7cb44af8fc295d25341dcfabaad8e-The_Fedora_Project_-_Logic_Model_for_Websites__Apps_Objective.svg" />
Good day @riecatnor, this is my updated design. sorry for uploading a low resolution image the last time. i have made the required adjustment. i would really love to get your feedback on this, Thanks.
<img alt="logic_model_for_website2-01.jpg" src="/design/issue/raw/files/7c1d25eb9dcca02bcbc0010af77fb34e079bcf444a8bb11481f80a6fe0040af7-logic_model_for_website2-01.jpg" />
<img alt="logic_model_for_website.svg" src="/design/issue/raw/files/91960183c397c0887b665985ec4a5fb4ea161a01c908ad41b4beeb0f811049a6-logic_model_for_website.svg" />
Metadata Update from @riecatnor: - Issue close_status updated to: Fixed - Issue status updated to: Closed (was: Open)
Log in to comment on this ticket.