Pattern LIbrary - Elements

 
 

Headlines


h1

Foro-ExtraLight, 50px/1em
Note:

  • When appearing in a banner H1 is bronze.
  • Foro-ExtraLight is added in the Custom CSS. The Style Editor says it is Proxima Nova.

H2

Foro-ExtraLight, 60px/1em

H3

Roboto Condensed, 27px/1.2em

 

Links


Underline, dark orange (#d88518)

 

Colors


 
Egg Shell
#EFEDE7 Background
Orange
#D88518 Links
Bronze
#A26C41 h1, h2, icons
Bronze - Hover
#DFA465  
Grey - Darker
#1F1F1F Text
Grey - Dark
#202020 h3
Grey
#888888  
Grey - Light
#DDDDDD Lines
 
 

Graphic Elements


 

Global HEader Logo

The global header logo is this SVG image that 

Studio For Digital Craftsmanship logo

Implementation

  1. Insert code block
  2. Paste:
<img src="https://static1.squarespace.com/static/5967a4c9f5e2315c11cbd098/t/599f2f93e9bfdf4288f4e9e8/1503604627936/s4dc-logo-acronym.svg" alt="Studio For Digital Craftsmanship logo">

Note:  

  • This example uses an image tag to link to the SVG file. Alternatively you can paste the actual SVG code into the a code block. See below.
  • The logo must be on a dark enough background or Squarespace will hide it. 
  • To make the global header logo an SVG we have to do trickery. The "official" logo you insert via Squarespace (Design > Logo & Title) only allows JPG/PNG.
    Workaround: The PNG logo is hidden with CSS and the SVG is added as a background image.
Screen Shot 2017-09-19 at 5.18.44 PM.png
 
// S4DC LOGO (ACRONYM)
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="94.477px" height="50px" viewBox="103.071 54.548 94.477 50" enable-background="new 103.071 54.548 94.477 50"
     xml:space="preserve">
<path fill="#EFEDE7" d="M119.804,82.533c-0.995-1.556-2.098-3.064-3.279-4.485c-1.18-1.417-2.284-2.836-3.284-4.217
    c-0.999-1.38-1.847-2.779-2.519-4.16c-0.675-1.381-1.017-2.847-1.017-4.355c0-1.591,0.363-2.793,1.08-3.571
    c0.717-0.779,1.642-1.174,2.749-1.174c1.065,0,1.969,0.395,2.688,1.174c0.686,0.747,1.047,1.886,1.075,3.389h0l0.005,0.042v4.13
    h8.021c-0.331-0.272-0.63-0.598-0.891-0.972c-0.244-0.324-0.471-0.707-0.676-1.136s-0.309-0.918-0.309-1.453
    c0-3.92-0.851-6.797-2.531-8.553c-1.679-1.754-4.214-2.644-7.536-2.644c-3.362,0-5.908,0.89-7.566,2.644
    c-1.659,1.755-2.5,4.632-2.5,8.553c0,2.062,0.338,3.999,1.005,5.757c0.668,1.761,1.519,3.454,2.531,5.031
    c1.011,1.579,2.13,3.098,3.326,4.516c1.198,1.422,2.318,2.841,3.331,4.216c1.015,1.383,1.87,2.782,2.539,4.161
    c0.672,1.384,1.012,2.849,1.012,4.354c0,1.552-0.393,2.733-1.168,3.512s-1.706,1.173-2.766,1.173c-1.102,0-2.035-0.395-2.772-1.174
    c-0.737-0.776-1.11-1.957-1.11-3.511V92.13c0-0.411,0.104-0.828,0.31-1.239c0.206-0.41,0.433-0.782,0.675-1.106
    c0.262-0.375,0.566-0.723,0.902-1.032h-8.058l0,3.845v0.755c0,2.146,0.216,3.962,0.642,5.394c0.424,1.432,1.07,2.586,1.919,3.434
    c0.848,0.846,1.924,1.459,3.198,1.821c1.276,0.363,2.787,0.548,4.491,0.548c3.321,0,5.846-0.94,7.504-2.795
    c1.66-1.856,2.501-4.684,2.501-8.401c0-2.061-0.34-4.008-1.01-5.787C121.644,85.782,120.799,84.089,119.804,82.533"/>
<path fill="#EFEDE7" d="M149.057,59.224c0-0.319-0.1-0.739-0.299-1.259c-0.201-0.519-0.42-0.998-0.66-1.438
    c-0.28-0.519-0.581-1.079-0.899-1.679h11.99c1.318,0,2.558,0.25,3.717,0.749c1.159,0.5,2.158,1.18,2.997,2.039
    c0.84,0.86,1.509,1.858,2.01,2.998c0.499,1.139,0.749,2.368,0.749,3.687v30.517c0,1.318-0.25,2.547-0.749,3.686
    c-0.501,1.14-1.17,2.129-2.01,2.968c-0.839,0.84-1.827,1.509-2.967,2.009c-1.14,0.501-2.368,0.75-3.687,0.75h-12.051
    c0.319-0.52,0.619-1.059,0.899-1.619c0.24-0.479,0.458-0.989,0.66-1.528c0.199-0.54,0.299-1.089,0.299-1.649V59.224z M162.426,64.32
    c0-0.919-0.31-1.688-0.929-2.309c-0.62-0.619-1.37-0.929-2.248-0.929h-4.137v36.931h4.137c0.878,0,1.628-0.31,2.248-0.93
    c0.619-0.619,0.929-1.368,0.929-2.247V64.32z"/>
<path fill="#EFEDE7" d="M187.536,88.78c0.319,0.36,0.619,0.761,0.899,1.199c0.239,0.36,0.459,0.779,0.66,1.259
    c0.199,0.48,0.299,1,0.299,1.56v2.277c0,0.92-0.31,1.689-0.929,2.309c-0.621,0.621-1.39,0.929-2.309,0.929h-1.799
    c-0.92,0-1.688-0.308-2.308-0.929c-0.62-0.619-0.93-1.369-0.93-2.248V64.021c0-0.919,0.31-1.688,0.93-2.309
    c0.619-0.619,1.388-0.929,2.308-0.929h1.858c0.879,0,1.639,0.311,2.279,0.929c0.638,0.621,0.958,1.39,0.958,2.309v0.145v2.013v3.717
    h8.094c-0.359-0.32-0.68-0.699-0.959-1.14c-0.24-0.359-0.46-0.779-0.659-1.259c-0.201-0.479-0.3-0.999-0.3-1.559v-1.918
    c0-1.319-0.251-2.548-0.75-3.688c-0.5-1.139-1.169-2.137-2.008-2.997c-0.84-0.859-1.829-1.538-2.968-2.039
    c-1.139-0.5-2.368-0.75-3.688-0.75h-1.858c-1.318,0-2.548,0.25-3.687,0.75c-1.14,0.5-2.139,1.179-2.998,2.039
    c-0.859,0.86-1.539,1.858-2.038,2.997c-0.5,1.139-0.75,2.369-0.75,3.688v31.115c0,1.319,0.25,2.548,0.75,3.687
    c0.499,1.139,1.179,2.129,2.038,2.968s1.858,1.509,2.998,2.009c1.139,0.5,2.368,0.749,3.687,0.749h1.799
    c1.319,0,2.548-0.249,3.687-0.749c1.14-0.5,2.138-1.179,2.998-2.039c0.858-0.858,1.538-1.858,2.038-2.997
    c0.499-1.14,0.75-2.368,0.75-3.688v-2.577v-0.004V88.78H187.536z"/>
<path fill="#EFEDE7" d="M143.496,85.015v-4.209h-3.253V66.183h-5.225l-7.449,14.333l-0.016,4.499h8.481v3.693h-8.083v4.206h15.525
    v-4.206h-3.233v-3.693H143.496z M131.489,80.848l4.545-8.836v8.836H131.489z"/>
</svg>
 

Home Banner Logo

Appears only on the home page.

Studio For Digital Craftsmanship

Implementation

  1. Insert code block
  2. Paste:
<img src="//static1.squarespace.com/static/5967a4c9f5e2315c11cbd098/t/599daed3914e6b7775821602/1503602227060//s4dc-logo.svg" class="s4dc-logo-home" alt="Studio For Digital Craftsmanship">

Note:

  • On the home page, the global header logo is hidden and this is positioned center via Custom CSS.
  • This example uses an image tag to link to the SVG file. Alternatively you can paste the actual SVG code into the a code block. See below.

Best practices for exporting SVGs from Illustrator:

  • Convert multiple shapes into compound paths.
  • Use "Save As" instead of "Export"
  • Avoid clipping paths
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="300.618px" height="242.85px" viewBox="0 0 300.618 242.85" enable-background="new 0 0 300.618 242.85"
     xml:space="preserve">
<path fill="#EFEDE7" d="M61.236,105.056c2.132,5.663,3.213,11.859,3.213,18.415c0,11.831-2.678,20.824-7.958,26.731
    c-5.277,5.901-13.312,8.895-23.878,8.895c-5.42,0-10.228-0.587-14.29-1.744c-4.054-1.154-7.478-3.104-10.176-5.796
    c-2.702-2.693-4.756-6.369-6.105-10.924C0.687,136.076,0,130.302,0,123.471v-2.402l0.002-12.233H25.64
    c-1.07,0.986-2.036,2.092-2.87,3.283c-0.771,1.032-1.495,2.216-2.149,3.52c-0.654,1.31-0.986,2.638-0.986,3.946v5.247
    c0,4.941,1.188,8.699,3.531,11.17c2.348,2.479,5.316,3.735,8.823,3.735c3.372,0,6.333-1.256,8.802-3.732
    c2.465-2.476,3.716-6.234,3.716-11.173c0-4.79-1.083-9.452-3.22-13.856c-2.13-4.386-4.848-8.84-8.078-13.238
    c-3.222-4.376-6.787-8.89-10.598-13.416c-3.805-4.512-7.365-9.346-10.582-14.367c-3.219-5.02-5.928-10.405-8.053-16.01
    c-2.122-5.595-3.198-11.757-3.198-18.318c0-12.474,2.677-21.63,7.956-27.213C14.009,2.83,22.108,0,32.808,0
    c10.569,0,18.637,2.83,23.978,8.412c5.344,5.584,8.052,14.74,8.052,27.213c0,1.701,0.332,3.257,0.986,4.625
    c0.649,1.366,1.374,2.583,2.149,3.614c0.829,1.189,1.781,2.229,2.835,3.094H45.284V33.817l-0.015-0.135h-0.002
    c-0.087-4.78-1.237-8.407-3.421-10.781c-2.286-2.479-5.164-3.735-8.553-3.735c-3.521,0-6.465,1.257-8.747,3.736
    c-2.28,2.476-3.438,6.299-3.438,11.362c0,4.799,1.089,9.462,3.235,13.857c2.14,4.393,4.838,8.846,8.017,13.236
    c3.181,4.394,6.695,8.908,10.449,13.418c3.759,4.521,7.269,9.321,10.434,14.271C56.407,93.998,59.097,99.384,61.236,105.056z
     M146.323,142.882c0,1.782-0.318,3.528-0.953,5.246c-0.639,1.717-1.336,3.338-2.099,4.864c-0.892,1.782-1.846,3.499-2.861,5.15
    h38.343c4.197,0,8.107-0.793,11.732-2.385c3.624-1.589,6.771-3.72,9.442-6.39c2.671-2.672,4.799-5.819,6.391-9.443
    c1.589-3.625,2.385-7.535,2.385-11.731V31.095c0-4.197-0.796-8.107-2.385-11.732c-1.592-3.625-3.72-6.802-6.391-9.538
    c-2.671-2.733-5.851-4.895-9.538-6.486c-3.689-1.589-7.631-2.384-11.827-2.384H140.41c1.016,1.907,1.97,3.689,2.861,5.341
    c0.763,1.401,1.46,2.927,2.099,4.578c0.635,1.654,0.953,2.99,0.953,4.007V142.882z M188.863,128.193
    c0,2.798-0.986,5.183-2.956,7.153c-1.974,1.973-4.358,2.957-7.154,2.957h-13.162V20.793h13.162c2.796,0,5.181,0.986,7.154,2.957
    c1.97,1.974,2.956,4.42,2.956,7.345V128.193z M268.761,108.926c1.018,1.145,1.971,2.418,2.862,3.815
    c0.763,1.145,1.46,2.479,2.099,4.006c0.635,1.526,0.953,3.18,0.953,4.96v7.249c0,2.927-0.986,5.374-2.957,7.344
    c-1.973,1.974-4.42,2.957-7.344,2.957h-5.723c-2.928,0-5.374-0.983-7.344-2.957c-1.974-1.97-2.958-4.354-2.958-7.153V30.141
    c0-2.924,0.984-5.371,2.958-7.345c1.97-1.97,4.416-2.957,7.344-2.957h5.913c2.796,0,5.214,0.987,7.249,2.957
    c2.033,1.974,3.053,4.421,3.053,7.345v0.462v6.405v11.827h25.752c-1.145-1.016-2.163-2.224-3.051-3.624
    c-0.764-1.145-1.465-2.48-2.099-4.006c-0.639-1.526-0.954-3.178-0.954-4.96v-6.104c0-4.196-0.796-8.107-2.385-11.732
    c-1.592-3.624-3.719-6.802-6.391-9.537c-2.671-2.734-5.818-4.895-9.442-6.486C272.672,0.796,268.761,0,264.564,0h-5.913
    c-4.197,0-8.107,0.796-11.732,2.385c-3.624,1.592-6.805,3.752-9.538,6.486c-2.736,2.735-4.897,5.913-6.486,9.537
    c-1.591,3.625-2.384,7.536-2.384,11.732v99.006c0,4.197,0.793,8.107,2.384,11.732c1.589,3.624,3.75,6.771,6.486,9.442
    c2.733,2.671,5.914,4.802,9.538,6.391c3.625,1.592,7.535,2.385,11.732,2.385h5.723c4.196,0,8.107-0.793,11.732-2.385
    c3.624-1.589,6.802-3.75,9.537-6.486c2.734-2.732,4.895-5.913,6.486-9.537c1.589-3.625,2.385-7.536,2.385-11.732v-8.203
    c0-0.004,0-0.007,0-0.011v-11.816H268.761z M118.277,96.942v11.75h10.286v13.384H79.165v-13.384h25.72v-11.75H77.898l0.05-14.315
    l23.704-45.606h16.625V83.55h10.353V96.94L118.277,96.942z M104.885,83.684V55.566L90.423,83.684H104.885z"/>
<path fill="#A26C41" d="M12.665,191.172c-0.528-1.935-1.525-2.814-2.99-2.814c-1.32,0-2.17,0.792-2.17,1.906
    c0,1.173,0.791,1.935,2.55,2.668l1.203,0.498c3.401,1.407,5.101,3.342,5.101,6.479c0,3.725-2.375,6.099-6.567,6.099
    c-3.547,0-5.952-1.466-6.949-5.16l3.52-1.437c0.586,2.081,1.7,3.049,3.43,3.049c1.467,0,2.375-0.997,2.375-2.169
    c0-1.174-0.615-1.848-2.315-2.552l-1.174-0.498c-3.811-1.612-5.189-3.753-5.189-6.597c0-3.372,2.141-5.981,6.217-5.981
    c3.576,0,5.863,1.964,6.479,5.131L12.665,191.172z M33.835,185.073v3.842h-4.691v16.683h-4.192v-16.683h-4.632v-3.842H33.835z
     M48.995,185.073h4.192v13.312c0,5.043-2.668,7.623-7.095,7.623c-4.457,0-7.096-2.58-7.096-7.623v-13.312h4.193v13.575
    c0,2.375,1.084,3.489,2.902,3.489c1.788,0,2.902-1.114,2.902-3.489V185.073z M59.786,205.598v-20.524h6.216
    c5.308,0,7.888,3.167,7.888,10.116c0,6.89-2.668,10.408-8.181,10.408H59.786z M69.697,195.307c0-4.691-1.261-6.598-3.695-6.598
    h-2.022v13.224h1.671C68.144,201.933,69.697,200.231,69.697,195.307z M80.049,185.073h4.192v20.524h-4.192V185.073z M90.956,195.307
    c0-7.242,2.434-10.644,7.74-10.644c5.453,0,7.711,3.431,7.711,10.673c0,7.241-2.492,10.672-7.77,10.672
    C93.214,206.008,90.956,202.548,90.956,195.307z M95.178,195.394c0,5.161,1.203,6.949,3.519,6.949c2.316,0,3.46-1.7,3.46-7.007
    c0-5.16-1.144-6.891-3.46-6.891C96.381,188.445,95.178,190.116,95.178,195.394z M122.009,185.073h11.904v3.695h-7.712v4.984h6.655
    v3.811h-6.655v8.034h-4.192V185.073z M138.34,195.307c0-7.242,2.435-10.644,7.741-10.644c5.453,0,7.711,3.431,7.711,10.673
    c0,7.241-2.492,10.672-7.771,10.672C140.599,206.008,138.34,202.548,138.34,195.307z M142.562,195.394
    c0,5.161,1.203,6.949,3.52,6.949s3.459-1.7,3.459-7.007c0-5.16-1.143-6.891-3.459-6.891S142.562,190.116,142.562,195.394z
     M163.763,205.598h-4.135v-20.524h7.301c4.105,0,6.068,2.639,6.068,6.715c0,2.814-0.996,4.779-2.785,5.834l2.874,7.976h-4.485
    l-2.317-6.891h-2.521V205.598z M163.763,188.739v6.332h2.434c1.612,0,2.638-1.085,2.638-3.225c0-1.964-0.85-3.107-2.638-3.107
    H163.763z M188.451,205.598v-20.524h6.216c5.307,0,7.888,3.167,7.888,10.116c0,6.89-2.669,10.408-8.181,10.408H188.451z
     M198.362,195.307c0-4.691-1.262-6.598-3.695-6.598h-2.023v13.224h1.672C196.808,201.933,198.362,200.231,198.362,195.307z
     M208.274,185.073h4.192v20.524h-4.192V185.073z M218.155,195.307c0-7.448,2.551-10.614,7.771-10.644
    c3.312,0,5.717,1.349,6.625,5.395l-3.606,1.261c-0.586-2.199-1.583-2.873-3.049-2.873c-2.315,0-3.548,1.555-3.548,6.891
    c0,5.395,1.32,7.124,3.636,7.124c1.407,0,2.785-1.025,2.874-4.046v-0.41h-2.903v-3.401h6.656v10.995h-2.785l-0.353-2.287
    c-0.821,1.73-2.375,2.697-4.339,2.697C220.794,206.008,218.155,202.577,218.155,195.307z M239.766,185.073h4.192v20.524h-4.192
    V185.073z M262.93,185.073v3.842h-4.691v16.683h-4.192v-16.683h-4.633v-3.842H262.93z M275.978,202.196h-5.394l-0.763,3.401h-4.223
    l5.248-20.524h5.015l5.219,20.524h-4.34L275.978,202.196z M271.346,198.795h3.87l-1.936-8.825L271.346,198.795z M297.94,201.815
    v3.782h-11.963v-20.524h4.223v16.742H297.94z M2.31,229.814c0-9.106,3.106-12.965,9.463-12.965c4,0,6.822,1.644,8.036,6.857
    l-4.356,1.464c-0.644-2.749-1.857-3.678-3.715-3.678c-2.714,0-4.285,1.857-4.285,8.393c0,6.5,1.571,8.464,4.32,8.464
    c1.858,0,3.215-1.143,3.93-3.928l4.321,1.714c-1.25,4.571-4.106,6.714-8.429,6.714C5.202,242.85,2.31,238.778,2.31,229.814z
     M30.982,242.35h-5.036v-24.999h8.894c4.999,0,7.393,3.214,7.393,8.179c0,3.428-1.214,5.82-3.394,7.106l3.5,9.714h-5.464
    l-2.821-8.393h-3.071V242.35z M30.982,221.814v7.715h2.964c1.965,0,3.214-1.322,3.214-3.93c0-2.393-1.034-3.785-3.214-3.785H30.982z
     M60.69,238.207h-6.572l-0.929,4.143h-5.143l6.393-24.999h6.106l6.357,24.999h-5.285L60.69,238.207z M55.047,234.064h4.714
    l-2.357-10.75L55.047,234.064z M73.755,217.351h14.499v4.5h-9.392v6.071h8.107v4.642h-8.107v9.786h-5.107V217.351z M110.892,217.351
    v4.678h-5.714v20.321h-5.107v-20.321h-5.642v-4.678H110.892z M128.244,224.778c-0.644-2.356-1.858-3.428-3.644-3.428
    c-1.606,0-2.642,0.964-2.642,2.321c0,1.429,0.964,2.356,3.106,3.25l1.465,0.607c4.142,1.714,6.214,4.07,6.214,7.892
    c0,4.536-2.894,7.429-8,7.429c-4.321,0-7.25-1.785-8.465-6.286l4.286-1.749c0.714,2.535,2.071,3.714,4.179,3.714
    c1.786,0,2.893-1.214,2.893-2.643s-0.75-2.25-2.821-3.107l-1.428-0.607c-4.644-1.964-6.322-4.571-6.322-8.034
    c0-4.108,2.607-7.287,7.571-7.287c4.356,0,7.144,2.394,7.894,6.251L128.244,224.778z M144.273,227.207l0.215,15.143h-4.571v-24.999
    h5.714l5.357,17.856l5.25-17.856h5.928v24.999h-4.785l0.214-15.464l-4.678,15.464h-4.036L144.273,227.207z M180.553,238.207h-6.571
    l-0.929,4.143h-5.143l6.393-24.999h6.106l6.357,24.999h-5.285L180.553,238.207z M174.91,234.064h4.714l-2.357-10.75L174.91,234.064z
     M197.546,228.028l0.108,14.321h-4.751v-24.999h4.037l8.713,14.999l-0.143-14.999h4.75v24.999h-4.5L197.546,228.028z
     M228.862,224.778c-0.644-2.356-1.858-3.428-3.644-3.428c-1.607,0-2.643,0.964-2.643,2.321c0,1.429,0.964,2.356,3.106,3.25
    l1.465,0.607c4.143,1.714,6.214,4.07,6.214,7.892c0,4.536-2.894,7.429-8,7.429c-4.321,0-7.249-1.785-8.464-6.286l4.285-1.749
    c0.715,2.535,2.072,3.714,4.179,3.714c1.786,0,2.894-1.214,2.894-2.643s-0.751-2.25-2.821-3.107l-1.429-0.607
    c-4.644-1.964-6.321-4.571-6.321-8.034c0-4.108,2.606-7.287,7.571-7.287c4.356,0,7.143,2.394,7.893,6.251L228.862,224.778z
     M253.642,232.207h-7.286v10.143h-5.106v-24.999h5.106v10.143h7.286v-10.143h5.107v24.999h-5.107V232.207z M267.778,217.351h5.106
    v24.999h-5.106V217.351z M282.238,217.351h8.715c4.893,0,7.356,3.393,7.356,8.5c0,5.893-3.178,8.999-7.964,8.999h-3v7.5h-5.107
    V217.351z M287.346,221.992v8.322h2.714c2,0,3.179-1.5,3.179-4.286c0-2.535-1-4.036-3.214-4.036H287.346z"/>
</svg>
 

Divider

 

 
 

Line element 6 columns wide with 3 columns on the sides.

 

Icon


 

Custom + Fontawesome

  1. Go to Pattern Library - All Icons 
  2. Copy the code for the icon you want. Example: <i class="sfdc-icon icon-delight"></i>
  3. In the page that needs an icon, add a "Code" element (under "MORE")
  4. Paste the code
  5. Make the containing element two columns wide

Color and size options (scroll to bottom)

 

Images


Hover image

 Hover text

Hover text

Instructions: 

  1. add image
  2. upload
  3. click "Design" (upper right)
  4. choose "Caption Overlay on Hover" (dropdown)
  5. click  "Apply"
  6. click "WRITE HERE..."
  7. write text
 
 
 
 
 

Video