Colors

These colors are available in the Quick Select palette in most modules. If custom CSS requires colors, please reference the RGB values below.

Primary Highlight Color

#f7ac06

Alt. Highlght Color

#5ea3b2

BG Highlight/Light Text

#e5e5e5

Main Background

#f7f7f7

Darker BG Color

#23272d

Dark BG Color

#292e35

Alternative Gray

#9e9e9e

Button Examples

You will need to use the override classes in the Advanced section. Then, use the appropriate link classes for the color you want.

Typography

The font in use is Myriad-Pro from Adobe's TypeKit. All weights should be available, but 100, 300 and 400 are typically used. The font is defined in the Customizer (Astra child theme for CWD), so choosing "Default" in the Beaver Builder modules will always pull the correct one. The only time you may need to explicitly choose Myriad-Pro from Beaver Builder is when a custom size is not presented in the module with the pre-selected Default.

There are some predefined modules that are more stylized than just a standard Heading or Infobox, although the stock modules should inherit the proper font settings and spacing.

Stand-Alone Titles

H1 - This is the main page title. There should only be one.

H2 - This is a secondary topic. It should be related to the main topic.

H3 - This is a tertiary topic title. It should support an H2.

H2 - This is another secondary topic. It should be related to the main topic.

H3 - This is a tertiary topic title. It should support an H2.

H4 - This is just a stand-out, alternative title. It's seldom used, unless in a call-out.

H5 - This is a smaller stand-out, alternative title. It's usually used as a title prefix, or in an aside.
Titles w/Content

These will be the most used modules. It includes consistent stylized page titles/separators/icons, etc.

H1 - Main Page Title

This is a standard Infobox. It has a title, an optional title-prefix (seldom used on the CWD site so far, and not shown here), and a rich text editor for the content.

Here is some lorem for your viewing pleasure: Boqha''egh denib denibya' denibya'ngan ghuy' jaj janluq piqard hod jev maqmigh me'nal mil namtun neslo' pujwi' qaj qarghan quy'ip qutlh saqjan senwi' rilwi' je tagha' tijwi'ghom ting ti'ang tlhoy yas wa'dich yiq yo'seh yahniv 'iw 'ip ghomey 'orghen rojmab. Betleh bey' boqha''egh cha'bip dah dol dugh ghiq hos chohwi' lir marwi' notqa' nga'chuq nguq ngusdi' pach pitlh qaywi' qum raw' say'qu'moh tajvaj tal tuqnigh tlhov vithay' wogh yer 'aqtu' 'iq. Bertlham chas chegh chen ghochwi' ghubdaq huh jev lo'lahghach pa' qin pup rech tuy' 'aqros 'iq. Baqa' boq cha'do' dol ghetwi' logh neb nitebha' porghqed quy'ip serrum tennusnal tey'be' ting yas cha'dich 'ab 'irnehnal.

H2 - Secondary Topic

Here is some lorem for your viewing pleasure: Boqha''egh denib denibya' denibya'ngan ghuy' jaj janluq piqard hod jev maqmigh me'nal mil namtun neslo' pujwi' qaj qarghan quy'ip qutlh saqjan senwi' rilwi' je tagha' tijwi'ghom ting ti'ang tlhoy yas wa'dich yiq yo'seh yahniv 'iw 'ip ghomey 'orghen rojmab. Betleh bey' boqha''egh cha'bip dah dol dugh ghiq hos chohwi' lir marwi' notqa' nga'chuq nguq ngusdi' pach pitlh qaywi' qum raw' say'qu'moh tajvaj tal tuqnigh tlhov vithay' wogh yer 'aqtu' 'iq. Bertlham chas chegh chen ghochwi' ghubdaq huh jev lo'lahghach pa' qin pup rech tuy' 'aqros 'iq. Baqa' boq cha'do' dol ghetwi' logh neb nitebha' porghqed quy'ip serrum tennusnal tey'be' ting yas cha'dich 'ab 'irnehnal.

H3 - Tertiary Topic

Here is some lorem for your viewing pleasure: Boqha''egh denib denibya' denibya'ngan ghuy' jaj janluq piqard hod jev maqmigh me'nal mil namtun neslo' pujwi' qaj qarghan quy'ip qutlh saqjan senwi' rilwi' je tagha' tijwi'ghom ting ti'ang tlhoy yas wa'dich yiq yo'seh yahniv 'iw 'ip ghomey 'orghen rojmab. Betleh bey' boqha''egh cha'bip dah dol dugh ghiq hos chohwi' lir marwi' notqa' nga'chuq nguq ngusdi' pach pitlh qaywi' qum raw' say'qu'moh tajvaj tal tuqnigh tlhov vithay' wogh yer 'aqtu' 'iq. Bertlham chas chegh chen ghochwi' ghubdaq huh jev lo'lahghach pa' qin pup rech tuy' 'aqros 'iq. Baqa' boq cha'do' dol ghetwi' logh neb nitebha' porghqed quy'ip serrum tennusnal tey'be' ting yas cha'dich 'ab 'irnehnal.

icon-circle-smiley-face

H1 - Main Page / Topic Title

This is a stylized H1 title with centered lead-in content. This is used often on the older development site and has been used for laying out the new site's pages (see below.) There is an alternative version used for the Care Suggestions page. The content is set as bold in the text editor to offer a topical highlight. The underline above the title is provided by the class 'infobox-page-header', set in the Advanced area of the module settings.

icon-circle-smiley-face

H1 - Stylized Title w/Ad

advertisement

This is a standard Infobox with an empty title, that can be used for breaking up content, or in the case where you are using a stylized title without a lead-in. And, here is some more Klingon: Boqha''egh denib denibya' denibya'ngan ghuy' jaj janluq piqard hod jev maqmigh me'nal mil namtun neslo' pujwi' qaj qarghan quy'ip qutlh saqjan senwi' rilwi' je tagha' tijwi'ghom ting ti'ang tlhoy yas wa'dich yiq yo'seh yahniv 'iw 'ip ghomey 'orghen rojmab. Betleh bey' boqha''egh cha'bip dah dol dugh ghiq hos chohwi' lir marwi' notqa' nga'chuq nguq ngusdi' pach pitlh qaywi' qum raw' say'qu'moh tajvaj tal tuqnigh tlhov vithay' wogh yer 'aqtu' 'iq. Bertlham chas chegh chen ghochwi' ghubdaq huh jev lo'lahghach pa' qin pup rech tuy' 'aqros 'iq. Baqa' boq cha'do' dol ghetwi' logh neb nitebha' porghqed quy'ip serrum tennusnal tey'be' ting yas cha'dich 'ab 'irnehnal.

orange_circle_1

Step 1 or Some Ordered Title

Modules/Rows
This is a smaller hero/slider. This size is currently only used on the home page. Sometimes the slider won't initially load when using the editor, but will show after you publish and save the page. You'll need to build a slider using the Smart Slider tools in the back-end and paste the shortcode into your content (this is just a simple HTML module.) One thing to note, the Typekit font may not initially render properly in the slider builder or page builder. It will render on the published page, though.

Journey Awards_V2
FFL Orlando Q+A
FFL Orlando Schedule
Orlando Registration
Nausea with Lows & Diabetes Woes


And the bigger slider which we are using for conferences and other pages as needed.

FFLOrlando2018-CWD2018-3128-20180713-Hero
Children with Diabetes®
Friends for Life®
Seattle 2019
March 29-31, 2019
Renaissance Seattle Hotel
Seattle, WA
FFLOrlando2018-CWD2018-3128-20180713-Hero
Children with Diabetes®
Friends for Life®
Seattle 2019
March 29-31, 2019
Renaissance Seattle Hotel
Seattle, WA

This is the Staff/Faculty Module. It is currently configured to pull a subset of the Staff post type.

Faculty

Zach Hall was diagnosed with type 1 diabetes when he was 13 years old. After diagnosis, Zach became an active patient advocate through ADA and JDRF and became involved with the College Diabetes Network as a college student. After graduating in 2018 from Albion College, Zach joined the CDN staff full time as a Program Assistant. At CDN, Zach manages a profile of Chapters on college campuses, manages the NextGen and Young Professionals program, and oversees the coordination of the many events that CDN hosts throughout the year.

Faculty

Wynola N. Wayne, BSN, RN, is a Diabetes Nurse Clinician/Educator at Nationwide Children’s Hospital, Columbus, Ohio. As a nurse at NCH, Ms Wayne has cared for patients on the burn units and metabolic research units. As a Diabetes Nurse Clinician/Educator for more than 35 years, she provides education in both inpatient and outpatient setting for both newly diagnosed and previously diagnosed patients and their families as well as extended family members. In the community, she has provided diabetes education in the schools, day care centers, group homes, diabetes camps and church health programs.

Wynola believes diabetes is a “family affair” and also believes in empowerment, giving people the information and tools to become self-care managers assist in promoting healthy children and families. Diabetes care requires a team approach and she collaborates/consults with patient/families, physicians, dietitians, social workers, exercise therapists, psychologists and school nurses/staff. Wynola is a member of and has served as a board member of JDRF, CODA, ADA, DECA and was a speaker for the NASN. She is currently a member of AADE and several specialty practice group. She has several family members with diabetes and can appreciate the struggles many individuals have with daily self-care. Wynola is passionate about working with children and families and believes she is blessed to have a profession that supports servant leadership.

Faculty

William Polonsky, PhD, CDE, is President and Founder of the Behavioral Diabetes Institute, the world’s first organization wholly dedicated to studying and addressing the unmet psychological needs of people with diabetes. He is also Associate Clinical Professor in Psychiatry at the University of California, San Diego. Dr. Polonsky received his PhD in clinical psychology from Yale University and has served as Senior Psychologist at the Joslin Diabetes Center in Boston, faculty member at Harvard Medical School and Chairman of the National Certification Board for Diabetes Educators. An active researcher in the field of behavioral diabetes, Dr. Polonsky has served on the editorial boards of Diabetes Care, Diabetes Forecast, Clinical Diabetes, Diabetes Self-Management and Diabetes Health. His most recent research projects have focused on quality of life in diabetes, diabetes-related distress and depression, hypoglycemic fear, adherence to cardiometabolic medications, glucose monitoring behavior and attitudes in people living with diabetes, physician and patient attitudes towards insulin and oral medications, group-based behavior change programs, group-based behavior change programs, the influence of continuous glucose monitoring on quality of life, and emotional and behavioral responses to the diagnosis of diabetes. A licensed clinical psychologist and certified diabetes educator, Dr. Polonsky has also authored several books for the lay audience (e.g., Diabetes Burnout: What to Do When You Can’t Take it Anymore) and co-edited several others for health care professionals (e.g., A CORE Curriculum for Diabetes Education).

Vertical Info Box's (or "Ups"). These can be used to split out topics, use as a call-out/call-to-action, etc.

art-paper-stars

The CWD What's New Newsletter

 to receive the latest information, news and research in diabetes care, technology and treatment.

CWD The Weekly Diabetes-01 crop 2000W

The Weekly Diabetes

 to receive the latest information, news and research in diabetes care, technology and treatment.

art-paper-stars

The CWD What's New Newsletter

 to receive the latest information, news and research in diabetes care, technology and treatment.

Expandable content items. This has been used for content references.

  1. Understanding Insulin-Dependent Diabetes by H. Peter Chase, M.D.
  2. Management of Diabetes Mellitus: Perspectives of Care Across the Life Span edited by Debra Haire-Joshu, MSEd, MSN, PhD, RN

This is an aside row. It can be used as a divider with a meaningful content highlight.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet tempus ipsum. Fusce at pharetra mauris. Nulla sed eleifend nisl. Proin eu lacus diam.

This is an aside content module. It can be used to break up longer content, highlight an important point, or even used as a quote/testimonial by adding quotes.

Content highlight or an aside to break up long content. This is just a centered Info Box H3 Title with no content.

Testimonial and CTA examples

avatar-p-02

Having this experience can renew your passion as a parent and help you to inspire your child to chase their dreams.

B. Johnson,
Mom to Kamden
Diagnosed 9.13.2005
Optional Title Prefix

Call to Action Info Box

A message to entice the user to click on the button below. This can be reformated as necessary, and you can even add an image.

avatar-p-02

Having this experience can renew your passion as a parent and help you to inspire your child to chase their dreams.

B. Johnson,
Mom to Kamden
Diagnosed 9.13.2005

Ad units. You'll need a couple IDs from OpenX - Ad Unit ID and the Frame ID. These are just simple short-codes. 

728x90
advertisement
300x250
advertisement
160x600
advertisement
160x600
advertisement
1050x190
advertisement

How to add an ad?

  1. Login to Revive and open up the zone unit you want.
  2. Login to CWD and choose CWD Site Options (near bottom in left bar)
  3. Copy the Revive zone-id (from invocation code) to the Ad configuration
  4. Note the name that the ad has in CWD Site Options (if you create one, do not use spaces or odd characters -- treat it like a slug.)
  5. Open page in CWD Builder
  6. Drag CWD - Ad module from modules to a row (or create a new row for it.)
  7. Remove the size annotation from the HTML
  8. Update shortcode to reference the name you gave it in CWD Site Options
  9. Publish
  10. Reload page.

Short version: If it's the same ad as the home page, then just drag the module in, remove size annotation, and change the shortcode to use the ad defined in Ad Management, if different than the defaults defined in the module.

Story Submission. 

Do you have a story to share about your experiences with diabetes? We want to hear from you! Tell us your story using the form below and we'll consider it for inclusion in the CWD Stories section of our website. 

We want to hear from YOU!  Share your story with our CWD family! Click the button below and send us your diabetes story. 


Either one of the above modules can be used to solicit Story requests. Look for CWD - Submit Story & CWD - Submit Story Button. Use whatever works best for your insertion point. NOTE: These are *global* modules, which means that they can not be updated.

These modules are intended to only work under the /stories section of the website. However, until we get enough submissions to build out that section of the website, these can be placed anywhere in order to start gathering stories.

Stories Editorial Workflow:

The editorial workflow is: solicit story, download image from form entry (Admin/Forms/Entries), and use that entry data to build new Story post (upload image here if applicable and after any necessary local edits for cropping/size/etc.)

This will support multiple categories, but do be mindful of the primary category that you choose. The primary category should never be marked as Featured. If the Story post uses multiple categories it will appear in filtered results on the additional categories.

The primary category will be part of the URL to the story, eg /stories/category-slug/story-title-slug. If the primary category needs to change, you may need to update the Story post twice before you see the slug change. Please do not change the slug after publication without consulting Dave about a redirect.

 

 

Upcoming Conferences Row

Upcoming Friends for Life Conferences