making columns more flexible and fixing box for png of social media h…

…andles

ITN_style.css

@@ -7,7 +7,7 @@ hr {
 /*-------------columns---------------- */
 .column {
   float: left;
-  width: 50%;
+  width: auto;
 }
 
 /* Clear floats after the columns */
@@ -128,7 +128,7 @@ div.Note{
   border-style: solid;
   padding: 1em;
   margin: 1em 0;
-  padding-left: 100px;
+  padding-left: 40px;
   background-size: 70px;
   background-repeat: no-repeat;
   background-position: 15px center;

social_media.Rmd

@@ -67,7 +67,7 @@ _These tips are adapted from the Marketing and Communications group at Fred Hutc
 </div>
 <hr>
 
-# Tools:
+# <img src="https://www.iconpacks.net/icons/3/free-icon-tool-box-9520.png" width = 6%>Tools:
 - [Typefully](https://typefully.com/) and [Buffer](https://buffer.com/)
   - Manage and cross-post to most popular platforms
   - Schedule your content 
@@ -83,7 +83,7 @@ _These tips are adapted from the Marketing and Communications group at Fred Hutc
 
 <hr>
 
-# Tips:
+# <img src="https://www.iconpacks.net/icons/1/free-icon-computer-1211.png" width = 8%>Tips:
 
 - **Efficiency** 
   - Archive everything so other team members can access and review to help with inspiration and reposting
@@ -95,7 +95,7 @@ _These tips are adapted from the Marketing and Communications group at Fred Hutc
   - Review what kinds of posts and post times/channels that seem to get best engagement
   - Encourage community feedback for tool improvements
   - If people send feedback, you can respond to them individually by email, especially if it becomes a negative conversation
-  - ***Let ITN know about your blogs, feeds, handles etc so we can help you connect with people!***
+  - ***Let ITN know about your blogs, feeds, handles etc. so we can help you connect with people!***
 
 <hr>
 
@@ -105,36 +105,33 @@ _These tips are adapted from the Marketing and Communications group at Fred Hutc
 # Great Examples:
 
 - NHGRI Twitter feed with great memes: 
+
 https://x.com/genome_gov
+
 - Galaxy Social media archive:  
+
 https://github.com/usegalaxy-eu/galaxy-social 
+
 - Cancer Genomics Consortium LinkedIn with effective use of templates:
+
 https://www.linkedin.com/company/cancer-genomics-consortium
 
 </div>
 
 <div class="column">
 ::: Note
-<div class="row">
 
-<div class="column">
 **ITN Social Media Handles**:
 
-- [LinkedIn](https://www.linkedin.com/company/itcr-training-network)
+- [LinkedIn](https://www.linkedin.com/company/itcr-training-network): itcr-training-network
 <img src="https://www.iconpacks.net/icons/2/free-icon-linkedin-logo-2430.png" width = 10%>
-- [YouTube](https://www.youtube.com/@itcrtrainingnetwork2281) <img src="https://www.iconpacks.net/icons/1/free-icon-youtube-141.png" width = 10%>
-- [Podcast](https://www.buzzsprout.com/2219246) 
+- [YouTube](https://www.youtube.com/@itcrtrainingnetwork2281): @itcrtrainingnetwork2281 <img src="https://www.iconpacks.net/icons/1/free-icon-youtube-141.png" width = 10%>
+- [Podcast](https://www.buzzsprout.com/2219246): Cracking the cancer code 
 <img src="https://www.iconpacks.net/icons/4/free-icon-radio-waves-14697.png" width = 10%>
-- [Bluesky](https://bsky.app/profile/itcrtraining.bsky.social) 
+- [Bluesky](https://bsky.app/profile/itcrtraining.bsky.social): @itcrtraining 
 <img src="https://www.iconpacks.net/icons/free-icons-7/free-bluesky-blue-square-logo-icon-24458.png" width = 10%>
-- [X](https://twitter.com/itcrtraining)
+- [X](https://twitter.com/itcrtraining):@itcrtraining
 <img src="https://www.iconpacks.net/icons/free-icons-6/free-icon-twitter-x-logo-black-square-rounded-20852.png" width = 10%>
-</div>
-
-<div class="column">
-<img src="https://www.iconpacks.net/icons/1/free-icon-computer-1211.png" width = 50%>
-</div>
-</div>
 :::
 </div>
 </div>
@@ -148,5 +145,4 @@ https://www.linkedin.com/company/cancer-genomics-consortium
 
 <div class = "authors"> **Authors**: This cheatsheet is the product of discussions from the [ITCR OPEN Group](https://www.itcrtraining.org/open) with panelists [Ino de Bruijn](https://www.linkedin.com/in/inodb), 
 [Tali Mazor](https://www.linkedin.com/in/talimazor/), and [Jeremy Goecks](https://www.moffitt.org/research-science/researchers/jeremy-goecks/), with additional contributions from other ITCR partcipants including [Obi Griffith](https://oncology.wustl.edu/people/obi-l-griffith-phd/), [Greg Caporaso](https://cap-lab.bio/), [Jeff Leek](https://jtleek.com/), and others. It was summarized by [Carrie Wright](https://www.itcrtraining.org/team) and includes best practices from the Fred Hutch Social Media Group. 
-</div>