{"id":262,"date":"2021-03-23T17:47:23","date_gmt":"2021-03-23T17:47:23","guid":{"rendered":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/?p=262"},"modified":"2021-03-23T18:40:33","modified_gmt":"2021-03-23T18:40:33","slug":"week-3-at-triumf","status":"publish","type":"post","link":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/2021\/03\/23\/week-3-at-triumf\/","title":{"rendered":"Week 3 at TRIUMF"},"content":{"rendered":"\n<p>The third week working at TRIUMF I have continued to develop the \u201c520 MeV Cyclotron&#8221; page that can be found on the&nbsp;<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/www.discoverourlab.triumf.ca\/\">Discover Our Site<\/a>&nbsp;web.<\/p>\n\n\n\n<p>I&#8217;ve been introduced to the cyclotron infographic that has been previously designed by Danielle Adams (an IDEA graduate), who did her practicum with TRIUMF in 2020.<\/p>\n\n\n\n<p>Below, you can see side by side changes I have implemented to the infographic. To make sure all graphics were scientifically accurate, I collaborated with\u00a0Thomas Planche, a Cyclotron Research Physicist working at TRIUMF.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"686\" height=\"1024\" src=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-686x1024.png\" alt=\"\" data-id=\"263\" data-link=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/?attachment_id=263\" class=\"wp-image-263\" srcset=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-686x1024.png 686w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-201x300.png 201w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-768x1146.png 768w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-1029x1536.png 1029w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-1372x2048.png 1372w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-600x896.png 600w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/520_Infographic_review_-5-1-945x1411.png 945w\" sizes=\"auto, (max-width: 686px) 100vw, 686px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"1024\" src=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-684x1024.png\" alt=\"\" data-id=\"267\" data-full-url=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM.png\" data-link=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/?attachment_id=267\" class=\"wp-image-267\" srcset=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-684x1024.png 684w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-200x300.png 200w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-768x1150.png 768w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-1026x1536.png 1026w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-600x899.png 600w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM-945x1415.png 945w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.09.33-AM.png 1075w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Cyclotron Infographic before and after<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>This version of the Infographic is print-friendly and is used at the physical location to educate people that are taking the TRIUMF Tour.<\/p>\n\n\n\n<p>My next objective was to turn this infographic into a web-friendly experience for the <a href=\"https:\/\/www.discoverourlab.triumf.ca\/\">Discover Our Site<\/a>. In order to do this, I decided to animate the infographic (as mentioned in the blog post from last week). I have turned the existing vertical infographic layout into a horizontal, more video supportive format. The image below shows the new optimized layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-1024x575.png\" alt=\"\" class=\"wp-image-270\" srcset=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-1024x575.png 1024w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-300x168.png 300w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-768x431.png 768w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-1536x862.png 1536w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-2048x1150.png 2048w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-600x337.png 600w, https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-content\/uploads\/sites\/1413\/2021\/03\/Screen-Shot-2021-03-23-at-10.26.26-AM-1-945x531.png 945w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Horizontal layout for the cyclotron infographic<\/figcaption><\/figure>\n\n\n\n<p>I have already made some progress on the animation that will be showcased on the \u201c520 MeV Cyclotron&#8221; page. Since it is not fully complete, I will be posting the animation video in my next blog post.<\/p>\n\n\n\n<p>I am really glad that I had the chance to take the logo animation class in my third year studying at the IDEA program because I can easily and with confidence execute small projects like this one now.  <\/p>\n\n\n\n<p>Thanks for taking the time to read my post and I will write again next week.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The third week working at TRIUMF I have continued to develop the \u201c520 MeV Cyclotron&#8221; page that can be found on the&nbsp;Discover Our Site&nbsp;web. I&#8217;ve been introduced to the cyclotron infographic that has been previously designed by Danielle Adams (an&#8230; <a class=\"more-link\" href=\"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/2021\/03\/23\/week-3-at-triumf\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1408,"featured_media":268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[30,29,33],"class_list":["post-262","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-triumf","tag-practicum","tag-triumf","tag-week-3"],"_links":{"self":[{"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/posts\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/users\/1408"}],"replies":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":2,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/posts\/262\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/posts\/262\/revisions\/272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/media\/268"}],"wp:attachment":[{"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/media?parent=262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/categories?post=262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eportfolios.capilanou.ca\/annatsybulnyk\/wp-json\/wp\/v2\/tags?post=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}