I need to paste my "artists resume" into a SmugMug page

perkin

I have been using SmugMug for years but have not taken advantage of it beyond the basic features because of the intimidating user inteface. I have an "artists resume" in a Word document that I want to paste into an About Me page which currently has only my contact information. I created a new text block on the page. I did a "copy all" from Word and pasted into the text block. As other users have pointed out in discussions going back to 2013, this doesn't work because "Word adds a bunch of stuff." The solution given in those discussions is to copy and paste from Word to Notepad, then copy and paste from Notepad to the text block. And then what? Spend an hour adding the formatting back in?

So here is my question: Given that people like me put a lot of time formatting text in programs like Word, why is there no direct path from Word to SmugMug? Or an indirect path (i.e., through some other program) that preserves Word's formatting?

Hikin' Mike

What formatting do you need?

perkin

Mainly indentation. But also different sizes (of the same font) for headings and sub-headings.

Hikin' Mike

There is no program to convert Word to SmugMug, but this is easily done using a HTML/CSS block instead of a Text Block.

If you need help, post a link to your page and I'll be more than happy to assist you (or another helper here).

perkin

Thank you, Mike. I did a "Save as" html from Word. The opened the html file in Notepad, copied, and pasted into an html block. It works but not as seamlessly as I had hoped. I'm not really happy with the result, but I'll live with it. Here it is:

https://www.jisner.com/About

It's the text in Times Roman font (from Exhibitions to Publications). I'm sure you have a better way of doing this!

Hikin' Mike

What is it supposed to look like?

Hikin' Mike

Just to add, if you are trying to mimic what your Word page to SM, can you save your Word doc as a PDF and either PM me or e-mail me. I don't use Word, so I can't look at it.

perkin

I would like to change the font of the new text to match the font of the surrounding text. Since SM does not seem to have a WYSIWYG editor, It seems that I have two alternatives: (1) Edit the original Word doc, save it again as html, open the html in Notepad, and copy and paste into the html block, replacing the current contents (2) edit the html. I'm reluctant to do (2) because the html exported by Word is extremely verbose and I might break something.

Hikin' Mike

I see two fonts used; 'Fona One' for your headers and 'Liberation Serif' for the other text. What specifically text are you wanting to change.

You should not edit HTML in Word. Only Notepad, Notepad++ etc.

Hikin' Mike

I had some free time, so I converted your Word doc to a HTML "Unordered List" so it can be easily styled.

HTML:

<ul>

  <li><h3>Exhibitions</h3>

    <ul>

      <li><h4><strong>Louis Carlos Bernal Gallery</strong>, Tucson Arizona</h4>
        <ul>
          <li><h5><em>Annual Juried Student Art Exhibition</em></h5>
            <ul>
              <li>2017</li>
              <li>2018 Best of Digital Photography</li>
              <li>2019</li>
            </ul>
          </li>
        </ul>
      </li>

      <li><h4><strong>Art Intersection</strong>, Gilbert Arizona</h4>
        <ul>
          <li><h5><em>Emerge</em> (annual juried student exhibition)</h5>
            <ul>
              <li>2017</li>
              <li>2018</li>
            </ul>
          </li>
          <li><h5><em>All Arizona</em> (annual juried exhibition open to all Arizona artists)</h5>
            <ul>
              <li>2018</li>
              <li>2019</li>
            </ul>
          </li>
          <li><h5><em>Light Sensitive</em></h5>
            <ul>
              <li>2019 (juried by Christopher James)</li>
            </ul>
          </li>
        </ul>
      </li>

      <li><h4><strong>El Museo Cultural</strong>, Santa Fe NM</h4>
        <ul>
          <li><h5><em>The Handmade Photograph</em></h5>
            <ul>
              <li>2019 (juried by Christopher James)</li>
            </ul>
          </li>
        </ul>
      </li>

      <li><h4><strong>Light Art Space Gallery</strong>, Silver City NM</h4>
        <ul>
          <li><h5><em>Playing With Process</em> (Group Show)</h5>
            <ul>
              <li>2019</li>
            </ul>
          </li>
        </ul>
      </li>

    </ul>

  </li>

  <li><h3>Publications</h3>

    <ul>
      <li><h4><strong>Sandscript</strong> (annual art and literary journal of Pima Community College)</h4>
        <ul>
          <li>2017</li>
          <li>2018  (frontispiece)</li>
          <li>2019</li>
        </ul>
      </li>
    </ul>

  </li>

</ul>

CSS:

ul {margin: .5rem 0 1.5rem 3rem;}
li {margin: .5rem auto;}
em {font-style: italic;}
strong {font-weight: bold;}
h3 {margin: 0 0 1.5rem;}
h4, h5 {font-weight: normal;}
h5 {font-size:100%; text-transform: none;}

perkin

Thank you for doing the conversion! I will definitely use it.

Years ago, I worked on an open source content management system that used TinyMCE, a web-based WYSIWYG editor, for creating text blocks. You could paste from Word and it produced clean html. I'm surprised that SM doesn't have something similar.