omeka-s icon indicating copy to clipboard operation
omeka-s copied to clipboard

Expand the default "Welcome" site page with more styles.

Open allanaaa opened this issue 2 years ago • 0 comments

https://github.com/omeka/omeka-s/blob/5dece9e7e5b13faf5299c5cad0218ea9e973fdf7/application/src/Api/Adapter/SiteAdapter.php#L145

I think this is where we could insert a longer default Welcome page with different HTML elements, so new users can see what themes do, etc. I realize all text needs to be entered as translateable strings in Transifex, so I'm going to leave the actual coding to someone else - let me know if this is actually super complicated.

Here's the page content I have in mind. Turns out the HTML editor has a LOT of inbuilt styles; feel free to cut down at will.

I would include more default page blocks, but none are really great for this purpose, except maybe the "List of pages" block.

Note that you can put "hr"s in the HTML block, which look much more bold than the "Line break" block.

Also note that the Marker inline style ("span class="marker"") isn't doing anything. I wonder if this has styling in one theme but not the others? Or if it's just from the HTML editor and we need to put something in the default install CSS because it can't be removed?

(looks like http://dev.omeka.org/amayer/amayer-s/omeka-s/s/my-second-omeka-s-site/page/welcome)

[Page title block]
[/Page title block]

[HTML block]
<p>Welcome to your new site. This is an example page.</p>
<ul>
	<li>This is a bullet list.</li>
	<li>Second entry.</li>
</ul>
<p>Back to normal again.</p>
<ol>
	<li>This is an ordered list.</li>
	<li>Second entry.</li>
</ol>
<p>Back to normal again.</p>
<blockquote>This is a blockquote.</blockquote>
<p>Back to normal again.</p>
<div><a href="http://www..com">This text is a link, which currently points to nothing.</a></div>
<hr />
<p><strong>This text is bold, in a &quot;strong&quot; tag.</strong></p>
<p><em>This text is italicized, in an &quot;em&quot; tag.</em></p>
<p><u>This text is underlined, in a &quot;u&quot; tag.</u></p>
<p><s>This text has a strikethrough, in a &quot;s&quot; tag.</s></p>
<p>This text is <sub>subscript</sub> and <sup>superscript</sup> using &quot;sub&quot; and &quot;sup&quot;, which can be used for adding notes and citations.</p>
<hr />
<h1>This is an H1 title. It is bigger than the Page Title, which is rendered in H2.</h1>
<h2>This is an H2 header, the same size as the Page Title.</h2>
<h3>This is an H3 subheader.</h3>
<h4>This is an H4 subheader.</h4>
<h5>This is an H5 subheader.</h5>
<h6>This is an H6 subheader.</h6>
[/HTML block]

[Line break block]
(setting:opaque)
[/Line break block]

[HTML block]
<pre>
This text is using the &quot;Formatted&quot; setting in the HTML editor.</pre>
<address>This text is using the &quot;address&quot; setting in the HTML editor.</address>
<hr />
<h2 style="font-style:italic;">This is the &quot;Italic Title&quot; block style.</h2>
<h3 style="color:#aaaaaa;font-style:italic;">This is the &quot;Subtitle&quot; block style.</h3>
<div style="background:#eeeeee;border:1px solid #cccccc;padding:5px 10px;">This is the &quot;Special Container&quot; block style.</div>
<p><span class="marker">This is the &quot;Marker&quot; inline style. </span></p>
<p><big>This is the &quot;Big&quot; inline style.</big> This is normal text.</p>
<p><small>This text is inside a &quot;small&quot; inline style.</small> This is normal text.</p>
<p><code>This is the &quot;Computer Code&quot; inline style.</code></p>
<p><kbd>This is the &quot;Keyboard Phrase&quot; inline style.</kbd></p>
<p><samp>This is the &quot;Sample Text&quot; inline style.</samp></p>
<p><var>This is the &quot;Variable&quot; inline style.</var></p>
<p><ins>This is the &quot;Inserted Text&quot; inline style.</ins></p>
<p><cite>This is the &quot;Cited Work&quot; inline style.</cite></p>
<p><q>This is the &#39;Inline Quotation&#39; inline style.</q></p>
<p><span dir="rtl">لكن لا بد أن أوضح لك أن كل هذه الأفكار المغلوطة حول استنكار النشوة وتمجيد الألم يعرض هذا النص من اليمين إلى اليسار.</span></p>
[/HTML block]

[Line break block]
(setting:opaque)
[/Line break block]

allanaaa avatar Jul 18 '22 19:07 allanaaa