Transcript

00:17 if you know anything about me you know
00:19 that the pen stack is my all-time
00:20 favorite stack it's just so versatile
00:23 and a true pleasure to
00:24 use what is the pen stack
00:30 first off it's a part of the starter
00:32 pack by Weaver space and is completely
00:36 free again it's my favorite and most
00:39 used stack I have in my stacks
00:41 toolbox the pen stack at its core is a
00:44 stack to help you organize your project
00:46 by grouping Stacks together and take
00:47 notes for your project
00:49 files but it can do so much more the pen
00:53 stack can allow you to make your project
00:55 files look super clean and allow you to
00:57 work on your projects efficiently
01:00 at first glance the pen stack doesn't
01:02 look like much well you shouldn't judge
01:05 a stack on its settings right out of the
01:08 box the stack can look pretty simple but
01:11 that can easily be changed here are just
01:13 a few examples of what the pen stack can
01:16 look like you can change the color of
01:18 the pens you can add emojis and write up
01:21 notes about whatever section you're
01:22 working on you can see that you can use
01:24 markdown within the text area as well as
01:28 HTML you can choose to show and hide
01:30 specific features of the
01:32 pens it's super easy to start getting
01:34 the pen stack to look like you want it
01:40 to there are some built-in options for
01:42 colors to add some flare to your
01:52 pens the markdown text editor allows you
01:55 to make the text content organized how
01:57 you'd like
02:07 let me show you some of the more
02:08 advanced ways you can make your pen
02:09 stack stand out from the rest here I
02:12 have a standard pen without anything
02:15 changed I'm going to add a Swatch
02:17 palette to the page and add a background
02:19 Swatch to it I'll give my background
02:21 Swatch a class of pen gradient 01 and do
02:24 the same for the pen in the note class
02:25 setting
02:33 now within my background Swatch I'll
02:35 select CSS under background
02:38 Styles you'll notice the background of
02:40 the pen instantly updates and my
02:42 gradient is now
02:43 showing I can add some text by double
02:46 clicking in the notes section of the pen
02:48 and then change the text to use the
02:49 light
02:51 version you can also do this by clicking
02:54 note color and then custom and setting
02:56 the text color there
03:12 you can use HTML within the pen to
03:14 render layouts that can make your pens
03:16 look super extra I have this page over
03:19 here where I have a couple of layouts I
03:21 made they use the macros I include in
03:24 all of my stacks project files for the
03:26 site title site URL and the site logo
03:31 I use swatches to create these layouts
03:33 which means you would need to include
03:34 those swatches everywhere you wanted the
03:36 pen to look the way you want or you
03:37 could use inline CSS and add the
03:39 settings to the code yourself and the
03:41 pens could just be
03:42 Standalone but you can see how you can
03:45 add in some really useful info and
03:47 content into the pen stack to make them
03:48 more aesthetically appealing while in
03:50 edit mode the total and easy CMS macros
03:53 don't dynamically work in edit mode like
03:55 they do in preview but they do allow you
03:57 to quickly add info from the admin side
03:59 to a pan when adding the HTML
04:07 layouts once we have the layouts the way
04:10 we want them all we need to do is
04:11 preview them in a browser and use the
04:13 browser inspector to view the
04:21 code we then copy and paste the code
04:24 from the browser into our pen
04:33 now we have our HTML layout in the pen
04:36 so we can view it while in edit
04:42 mode now that you've seen what the pen
04:44 stack can look like let me show you the
04:46 best features of the pen stack the pen
04:48 stack is fantastic for helping you
04:50 figure out issues you're having with
04:52 your pages within your project files the
04:54 last couple of settings down here are
04:56 pretty awesome and simple by Design if
04:59 you toggle on the do not publish setting
05:01 whatever is in your pen stack won't
05:03 publish nor will it preview this is
05:06 fantastic for complex pages with lots of
05:09 sections there may be one setting
05:11 somewhere that is messing up the whole
05:13 page and by systematically going through
05:14 and turning off and on pen Stacks you'll
05:17 be able to figure out where the problem
05:18 content is this method of trial and
05:21 error has saved me so much time and
05:23 frustration once I find the problem I
05:25 can then take it over to my sandbox and
05:27 work on it to make sure there's nothing
05:28 funky going on with it once I know the
05:32 content within the pen is good to go I
05:34 can simply copy it back into my page and
05:36 check to make sure it's working as
05:40 expected hopefully this gave you some
05:42 insight as to what the pen stack is capable of