Loading...
 

Theme Test

 

Use this page to see available formatting options and the way they are expressed in the wiki source code. Alternatively, you can just copy & paste a section of interest to the target wiki page, and then simply edit it.

 

Title Bar
 

 

Heading 1

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.

Heading 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Heading 3

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

 

 

UI Widgets

Quote

We are like butterflies who flutter for a day and think it is forever. (pause).This is how the great astronomer Carl Sagan described the pettiness of our desires and passions in comparison with the grandiosity of the Universe.
<div class="speechExample">We are like butterflies who flutter for a day and think it is forever. (pause).This is how the great astronomer Carl Sagan described the pettiness of our desires and passions in comparison with the grandiosity of the Universe.</div>

 

Example of something that is correct

This is how things should be done
<div class="speechExample okExample">
  This is how things should be done
</div>

 

Example of something that is not correct

This is how things should not be done
<div class="speechExample koExample">
  This is how things should be done
</div>

 

 

Sequence of steps

Step 1This is the first step

Step 2This is the second step

Step 3This is the third step

 

<p>
  Step <span class="circle">1</span>  <span class="step">This is the first step</span>
</p>
<p>
  Step <span class="circle">2</span>  <span class="step">This is the second step</span>
</p>
<p>
  Step <span class="circle">3</span>  <span class="step">This is the third step</span>
</p>

Exercise

Exercise Title

 

Exercise text

 

 

<div class="exercise">
  <h2>Exercise Title</h2>
  <p>Exercise text</p>
</div>

 

Menu

 

<ul class="toc">
	<li><a href="#">Item 1</a></li>
	<li><a href="#">Item 2</a></li>
	<li><a href="#">Item 3</a></li>
</ul>

 

Bullet Points

  • Item 1
  • Item 2
  • Item 3
<ul class="agorabp">
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
</ul>

 

Buttons

 

Sample Button

 

<p>
    <a class="button" href="#">Sample Button</a>
</p>

Tables

Basic Meeting Agenda
Opening
Meeting Introduction   5:00 6:00 7:00
Eval Recap   1:00 4:00 5:00

 

<table cellspacing="0" class="agora_table">
	<thead>
		<tr>
			<th colspan="5">Basic Meeting Agenda</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th colspan="5">Opening</th>
		</tr>
		<tr>
			<td>Meeting Introduction</td>
			<td width="10%"> </td>
			<td width="5%">5:00</td>
			<td width="5%">6:00</td>
			<td width="5%">7:00</td>
		</tr>
		<tr>
			<td>Eval Recap</td>
			<td> </td>
			<td>1:00</td>
			<td>4:00</td>
			<td>5:00</td>
		</tr>
	</tbody>
</table>

 

Responsive Grid

 

1 out of 16
9 out of 16
6 out of 16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16
1/16

 

 

<div class="grid group">
	<div class="col span_1_of_16">
	1/16
	</div>
	<div class="col span_9_of_16">
	9/16
	</div>
	<div class="col span_6_of_16">
	6/16
	</div>
</div>

Cards

 

Speaker
Meeting Facilitator
  60-120 min
preparation time.
  5-7 min
speaking time.

 

 

<p> </p>
<div class="agoracard">
   <img src="/images/icons/roles.speaker.jpg" alt="Speaker">
   <div class="agoracard-header">
	  Meeting Facilitator
   </div>
   <div class="agoracard-body">
      <div class="agoracard-block">
		<span class="agoracard-parameter"> 
				<i class="far fa-clock"> </i> 
				<span class="parameter-value">60-120</span> 
				<span class="parameter-units"> min</span>
				<br/>
				<span class="parameter-detail">preparation time.</span>
		<span>		
	  </div>
      <div class="agoracard-block right">
		<span class="agoracard-parameter"> 
				<i class="fa fa-user-clock"> </i> 
				<span class="parameter-value">5-7</span> 
				<span class="parameter-units"> min</span>
				<br/>
				<span class="parameter-detail">speaking time.</span>
		<span>		
	  </div>
   </div>
   <div class="agoracard-footer">
       <div class="span_3_of_4">
           Skills Trained
       </div> 
	   <div class="span_1_of_4"> </div> 
       <div class="span_1_of_4"> </div> 
       <div class="span_3_of_4">Leadership</div>
       <div class="span_1_of_4"> </div> 
       <div class="span_3_of_4">Public Speaking</div>
       <div class="span_1_of_4"> </div> 
       <div class="span_3_of_4">Critical Thinking</div>
   </div>
</div>

 

Boxes

 

<div class="info box">Small information box</div>

<div class="warn box">Small warning box</div>

<div class="question box">Small question box</div>

<div class="idea box">Small idea box</div>

<div class="ok box">Small ok box</div>

<div class="ko box">Small ok box</div>

<div class="video box">Small video box</div>

<div class="book box">Small book box</div>

<div class="quote box">Small Quote box</div>

<div class="writing box">Small Writing box</div>

 

 

Small information box
Small warning box
Small question box
Small idea box
Small ok box
Small ko box
Small video box
Small book box
Small Writing box
Small Quote box

 

 

Inline Buttons

<p>This is an example of <span class="inline-button"><a href="#">an inline button</a></span>. It is a hyperlinked element.</p>

This is an example of an inline button. It is a hyperlinked element.

Image flow

Aristotle

Almost 2400 years ago, the Greek philosopher Aristotle created his treatise on Rhetoric - a set of three books that versed on all aspects of public speaking and considered even nowadays the fundamental guide on how to be a great orator and deliver persuasive speeches.

 

<div class="with_image">
<div>{img type="fileId" fileId="437" width="300" imalign="left"}</div>

<div class="variable">
<p>Almost 2400 years ago, the Greek philosopher Aristotle created his treatise on Rhetoric - a set of three books that versed on all aspects of public speaking and considered even nowadays the fundamental guide on how to be a great orator and deliver persuasive speeches.</p>
</div>
</div>

Contributors to this page: agora .
Page last modified on Saturday March 6, 2021 12:13:25 CET by agora.