https://basics.cargo.site Cargo 2 Basics Thu, 26 Jan 2017 15:09:05 +0000 https://basics.cargo.site en https://basics.cargo.site/Logo Thu, 26 Jan 2017 15:09:05 +0000 Cargo 2 Basics https://basics.cargo.site/Logo Cargo 2 basics Hello again. Welcome to the Cargo 2 private beta; we thank you for your participation and appreciate any feedback or bug reports you may wish to share. Cargo’s approach to site-building has been completely redesigned, so highlighted below are some of the most important new features. In addition here’s an example site. And now, down to brass tacks:.page_container[data-id="1881"] img { outline: 0; margin-bottom: .8rem; }  https://basics.cargo.site/Screenshot Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Screenshot <img width="3062" height="1972" width_o="3062" height_o="1972" data-src="https://freight.cargo.site/t/original/i/d8d31c169855f7878bd754ca1f96643f8fd69172bc6cab75384b357a6151dd55/c3.png" data-mid="62501" border="0" src="https://freight.cargo.site/w/1000/i/d8d31c169855f7878bd754ca1f96643f8fd69172bc6cab75384b357a6151dd55/c3.png" /> &nbsp;&nbsp;Open Example Site&nbsp;︎ What’s new in Cargo 2 img[data-mid="62501"] { outline: 0; } https://basics.cargo.site/Pages Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Pages <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/03054155b9c883466a91cdeeaab103d4f0013dc0c52eaa3fa92162158f814e50/c0.png" data-mid="6217" border="0" src="https://freight.cargo.site/w/800/i/03054155b9c883466a91cdeeaab103d4f0013dc0c52eaa3fa92162158f814e50/c0.png" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/a7c9a2917091006b3c6eb2bfb9aa7d6dd0e1f07b6113f0b4af125d28efcc5eb8/c01.png" data-mid="6218" border="0" src="https://freight.cargo.site/w/800/i/a7c9a2917091006b3c6eb2bfb9aa7d6dd0e1f07b6113f0b4af125d28efcc5eb8/c01.png" /> 1: Pages A Cargo 2 site is made up of a collection of pages. Editing a page works just like composing an email or working on a Google Doc: you edit your content directly inside the page; you can drag and drop image files, as well as add any amount of text, photos, video, or other media. https://basics.cargo.site/Design-Layout Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Design-Layout 2: Design Global: The Design tab is where you establish your site’s universal design settings: layout, colors, typography, etc. When you add pages, these settings determine what they look like. Local: Each page also has its own local Design menu; this lets you control the design settings for each page individually. We think you will find this feature very powerful and useful.<img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/68bb33787f3f4a306e550c026bf2d8012614b813b9cdfe0b7f7681599b0e9a62/c2.png" data-mid="6212" border="0" src="https://freight.cargo.site/w/800/i/68bb33787f3f4a306e550c026bf2d8012614b813b9cdfe0b7f7681599b0e9a62/c2.png" /> https://basics.cargo.site/Pinning Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Pinning <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/5f886f90360c8d414aa6377d3bf762bd79239fad2ce85eb4e39d13a5c4e12cc7/c4.png" data-mid="6214" border="0" src="https://freight.cargo.site/w/800/i/5f886f90360c8d414aa6377d3bf762bd79239fad2ce85eb4e39d13a5c4e12cc7/c4.png" />3: PinningTo create a navigation menu, a footer or a fixed logo, we have devised “pinning.” When you “Pin” a page, it makes that page a “global element” — it’s visible on every page of your site. Pinning can also be limited locally. If you Pin a page inside of a Set (a folder of pages), it persists only on the pages inside that Set. Any page can be Pinned: right-click a page in the Content tab and choose Pin. img[data-mid="6292"] { outline: 0; } https://basics.cargo.site/Stacking Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Stacking 4: StackingWhen you Stack pages, they’re displayed as a continuously scrolling vertical feed. You can Stack individual Sets of pages, or your entire site. To Stack a Set, right-click the Set’s name. Stacked pages can be combined with Pinned pages.&nbsp; <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/d75900d4e68f05603170f483a9edfa8edd5e0b0d822dac8eb5f4dd196236e495/c5.png" data-mid="6215" border="0" src="https://freight.cargo.site/w/800/i/d75900d4e68f05603170f483a9edfa8edd5e0b0d822dac8eb5f4dd196236e495/c5.png" /> https://basics.cargo.site/Columns Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Columns <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/4b3e311640e1de893ded58dd5fdc0bf54ef89ffed330d03daa6185ede29cafc0/c019.png" data-mid="6225" border="0" src="https://freight.cargo.site/w/800/i/4b3e311640e1de893ded58dd5fdc0bf54ef89ffed330d03daa6185ede29cafc0/c019.png" />5: ColumnsTo format your content across multiple columns, click on the Columns icon in the Formatting Toolbar. Columns can contain text, images, video, and other media. For greater readability on mobile devices you can set your columns to be “Responsive;” they’ll collapse vertically on small screens. You can add an unlimited amount of Column instances to a page. Column 1 Column 2 Column 3 https://basics.cargo.site/Image-Galleries Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Image-Galleries 6: Image Galleries Cargo 2 Image Galleries allow you to lay out groups of images in very different ways. You can display images as a slideshow, as a thumbnail grid, or totally freeform. To use, drag and drop multiple images into a page, select them, and then click the Image Gallery icon.&nbsp; The number of permutations is infinite; and you can add as many Image Galleries to a page as you want. To add image captions, select an image and click the Image Options icon. <img width="3104" height="1970" width_o="3104" height_o="1970" data-src="https://freight.cargo.site/t/original/i/e4dbe96269752e777ca8f2bcd180f51b61113fe541c62fc3f597fbb78cf9fe9c/ig3-1.jpg" data-mid="6285" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/e4dbe96269752e777ca8f2bcd180f51b61113fe541c62fc3f597fbb78cf9fe9c/ig3-1.jpg" /> <img width="3104" height="1970" width_o="3104" height_o="1970" data-src="https://freight.cargo.site/t/original/i/1a024a2a1d6745bec2f380de1d33f6a9b9e4a14d1b28c284fe432c5dec9a2940/ig4-1.jpg" data-mid="6288" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/1a024a2a1d6745bec2f380de1d33f6a9b9e4a14d1b28c284fe432c5dec9a2940/ig4-1.jpg" /> <img width="3104" height="1970" width_o="3104" height_o="1970" data-src="https://freight.cargo.site/t/original/i/d724ead5a663bcb14a93483695309319c745ab6c3b6d5c637418e3c39595eb74/ig1-1.jpg" data-mid="6287" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/d724ead5a663bcb14a93483695309319c745ab6c3b6d5c637418e3c39595eb74/ig1-1.jpg" /> <img width="3104" height="1970" width_o="3104" height_o="1970" data-src="https://freight.cargo.site/t/original/i/f7f0a1348554d12e31587440f5e41eb3a96aa0d0c3ff93ce5ff5984d3ac6f4a8/ig2-1.jpg" data-mid="6286" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/f7f0a1348554d12e31587440f5e41eb3a96aa0d0c3ff93ce5ff5984d3ac6f4a8/ig2-1.jpg" /> [data-id="1603"] img { outline: 0; } https://basics.cargo.site/Thumbnail-Index Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Thumbnail-Index <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/909a1bf3f7b1e147954042698a7832e4be79e75c485eae79645dc36ad53ffbd9/ct.png" data-mid="6305" border="0" src="https://freight.cargo.site/w/800/i/909a1bf3f7b1e147954042698a7832e4be79e75c485eae79645dc36ad53ffbd9/ct.png" /> 7: Thumbnail Index Cargo 2 has updated this classic way to navigate sites to contain design tools that provide fine-grained control over how thumbnails are presented. Find it in the Design tab. A Thumbnail Index can be displayed on every page of your site or you can choose to display it on specific pages only. Each time a Thumbnail Index is displayed, you control what is visible: either all thumbnails, or a filtered selection based on Tags or a Set. https://basics.cargo.site/Links Mon, 09 Jan 2017 18:25:31 +0000 Cargo 2 Basics https://basics.cargo.site/Links 8: LinksYou can link from one page to another using the “Internal” link feature. To link offsite, use “External” links. For example, to create a persistent navigation menu you can Pin a page and use the Internal Link function to create links to your various pages. <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/f454ef3253389fd54cad7ee40098218b1ac40286a5d2bec2bf5d00d3d802d28b/l1.png" data-mid="6289" border="0" src="https://freight.cargo.site/w/800/i/f454ef3253389fd54cad7ee40098218b1ac40286a5d2bec2bf5d00d3d802d28b/l1.png" /> <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/3eac72d1aaf3130080da16dfa330d70374a703c34209d042fdc28e16a34c09a2/l2.png" data-mid="6290" border="0" src="https://freight.cargo.site/w/800/i/3eac72d1aaf3130080da16dfa330d70374a703c34209d042fdc28e16a34c09a2/l2.png" />