I want to search

Admin Guide

Workflow For Webinar Content Type

    Create Disqus site to add to webinar X:
    • Login to https://disqus.com/profile/login/?next=%2F
    • Username: dataONE
    • password: Integr8
    • email associated with account: aebudden@dataone.unm.edu
    • After you are logged in, click on Admin, top right corner of browser
    • In the top navigation, click on Your Sites drop down arrow
    • Click on the New button, to create a new site
    • In the new browser window, in the top navigation bar, click on the DataONE link
    • The site name is the Webinar X title. As you type, the title will be duplicated in the Disqus URL. The character limit is not long, so the Webinar title usually needs to be reduced. You can change the short name only if you would like the dispaly name to match what is being used in Drupal.
    • Category = Tech
    • Click Create Site
    • At the next screen click Install Disqus. Select Universal Code at the end of the list.
    • On the new page, select all, copy the code, and paste into the Webinar X disqus editor box
    • Comment out the code until the day of the webinar

    Create webinar:

    • Title: Will appear in all views (Pre Webinar)
    • Date: Event Date. Appears on the Homepage.
    • Time: View of different timezones, appears on the Homepage, Webinar Information page, and Upcoming Webinar page (Pre Webinar)
    • Information: Links to Register Now and iCal file download, appears on Webinar Information, Upcoming Webinar (Pre Webinar)
    • *Note: This is deleted/commented out after webinar is done.

    • Abstract Anchor: This does not change
    • Webinar Slides (PDF): File upload for slides (Post Webinar)
    • Video Links: Field for embedded Vimeo video (Post Webinar)
    • Webinar Series: Options for where the webinar will appear. (Post Webinar)
      • 2018
      • 2017
      • Spring 2015
      • Fall 2015
      • Upcoming: When ticked, will appear on the homepage
    • Disqus: Disqus embedded code (Post Webinar)
    • Webinar Abstract:
      Appears on Homepage, Webinar Information, Upcoming Webinar (Pre Webinar)
    • Biography: HTML/CSS code formats this section. Copy paste from Webinar to Webinar. Appears on Upcoming Webinar
    • Presenter Name on Previous Webinar Page: Once webinar has occurred, the webinar is now listed in "Previous Webinars" (https://www.dataone.org/previous-webinars/spring-2015) This field presents the order of presenter names.
    • Speaker Composite: Presenter(s) photo. Appears on Previous Webinars
    • Relative Tag: Associated topics/tags. Appears at the bottom of each previous webinar page (Filled out by Amber B.)
    • Create Home Page Highlight
    • Webinar workflow document link, https://docs.google.com/document/d/1NOZoTqRveLm8_DU1q5QiJX5P0sf9sete2adc4ss5Y6Y/edit

Lemon Lime 2015+ Theme Styles

Font
'Source Sans Pro', 'Helvetica Neue', Helvetica;
https://www.google.com/fonts/specimen/Source+Sans+Pro


HEADINGS

H1: This is a Heading 1

size: 150% (23.52px)

H2: This is a heading 2

H3: This is a heading 3

H4: This is a heading 4

H5: This is a heading 5


Colors

 

PLUM

#660033
DataONE Plum
 

Teal

#006666
DataONE Teal
 

Orange

#FF6633
DataONE Orange (new 2015+)




Images

Centered Image with padding

<img src="/path/to/image" class="centered" alt="name">

adding the 'class="centered"' auto sizes via css.
You will also notice that there are no additional <img> values such as height, width, align, vspace, etc.
The style is controlled via the CSS selector class="centered"


Example <img src="/sites/all/modules/styleguide/assets/image-horizontal.jpg" class="centered" alt="Italy">

will result in the image below.

Image aligned left with padding



<img src="/path/to/image" class="float-left">

adding the 'class="float-left"' auto sizes via css.
You will also notice that there are no additional <img> values such as height, width, align, vspace, etc.
The style is controlled via the CSS selector class="float-left"


Example <img src="/sites/all/modules/styleguide/assets/image-horizontal.jpg" class="float-left">

will result in the image below.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.

Image aligned right with padding



<img src="/path/to/image" class="float-right">

adding the 'class="float-left"' auto sizes via css.
You will also notice that there are no additional <img> values such as height, width, align, vspace, etc.
The style is controlled via the CSS selector class="float-right"


Example <img src="/sites/all/modules/styleguide/assets/image-horizontal.jpg" class="float-right">

will result in the image below.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam iaculis, velit gravida convallis tincidunt, felis enim venenatis lorem, nec lobortis nisl urna et mi. Pellentesque ac dictum ante. Fusce dignissim tempor elementum. Ut dignissim convallis eros, viverra luctus lacus consequat ac. Sed feugiat velit sed magna aliquam accumsan. Nam vitae porta tortor. Nam auctor dui a neque iaculis in aliquam erat viverra. Duis orci nunc, lacinia in malesuada et, euismod id turpis. Cras mattis vulputate erat, eget tempor magna egestas eu. Vestibulum sit amet massa est.