Components

Components are a form-based type of reusable content that allows non-HTML content managers to leverage complex styling or coding.

To use a component:

  1. When in Edit mode, place cursor in the location you would like the feature to appear
  2. Select "Insert Component"
  3. Select the Component
  4. Add content to the Component Fields

[Fierce] Animated GIF with pause

The following information is need to use this component:

  • Static image (png, jpg, or gif) - preferably a still of the animation, must use same ratio as animated gif
  • Animated image (gif)
  • Height and width you want the image to displayed
  • Image margin

horse skeleton
horse skeleton trotting


[Fierce] [Blog] Blog Listing

This component contains the following customizations:

  • [OPTIONAL] Title 
  • [OPTIONAL] Number of Blog Items 
  • [OPTIONAL] Filter by Tag
  • Filter Condition (Any or All)
  • Display Type (Card or Articles)

Card Style

Blog Listing

Turn free time into degree credits. 海角社区 offers in-person and online courses, multiple study abroad programs, research, and internship credit during its summer sessions. Learn more.

Louisiana鈥檚 sugarcane industry isn鈥檛 just a part of the state鈥檚 history 鈥 it鈥檚 a driving force in its economy. A partnership between the 海角社区 AgCenter, the USDA, and the American Sugarcane League plays a pivotal role in keeping it that way.

Article Style


[Fierce] [Calendar] Calendar Listing

This component contains the following customizations:

  • [OPTIONAL] Title 
  • Number of Calendar Items 
  • [OPTIONAL] Filter by Category
  • Filter Condition (Any or All)
  • Display Type (Carousel or Articles)

Carousel Style

Article Style

Calendar


[Fierce] Gallery with Options

This component contains the following customizations:

  • Gallery Asset 
  • Gallery Output Type (Popup Slideshow Gallery, Carousel Gallery, Lightbox Gallery)
  • [OPTIONAL] Loop Popup Slideshow
  • [OPTIONAL] Slideshow Arrows
  • [OPTIONAL] Slideshow Buttons (Auto Play, Full Screen, Thumbnails, Close)
  • [OPTIONAL] Autoplay
  • [OPTIONAL] Autoplay Speed
  • [OPTIONAL] Carousel Arrows
  • [OPTIONAL] Loop Carousel
  • [OPTIONAL] Initial Slide
  • [OPTIONAL] Slides to Show
  • [OPTIONAL] Slides to Scroll

Popup Slideshow Gallery Type

  • To commemorate Juneteenth, members of the 海角社区 community came together at the 海角社区 Clarence L. Barney, Jr. African American Cultural Center.

Carousel Gallery Type

An artist鈥檚 rendering of the Louisiana State Seminary in Pineville, La., in 1866. The seminary would eventually relocate to Baton Rouge and become 海角社区 after the Pineville campus burned in 1869.

Louisiana State Seminary in Pineville, Louisiana. - Rendering of original campus.

海角社区 cadets study veterinary medicine in the early years of 海角社区.

Cadets in Veterinary Classroom, circa 1900 - 海角社区 cadets

The 海角社区 football team of 1900 poses for a photo. The objects around the necks of a few of the gentlemen are actual nose guards, which historically did more harm than good.

Football Team, 1900 - 海角社区 football team

In 1922 ground was broken on the 海角社区 dairy barn. Today, the 海角社区 AgCenter Dairy store sells homemade ice cream right on campus.

Dairy Barn Groundbreaking, 1922 - dairy barn

海角社区鈥檚 Memorial Tower was dedicated in 1926 to pay tribute to Louisianans who lost their lives during World War I.

Memorial Tower circa 1926 - memorial tower

The 1911 Coed Club was an organization formed by women for women in the early years of female integration into college.

CC Club, 1911 Gumbo - Coed Club

Former Louisiana governor Huey P. Long poses with cadets of the Ole War Skule, who fought valiantly for our country.

Huey P. Long and Cadets of the Ole War Skule, circa - former governor Huey P. Long and cadets

Freshmen males meet to 鈥渓earn the ropes鈥 about being a Tiger in 1966. Thankfully, the tradition of purple and gold beanie caps is no longer followed.

Freshmen in Greek Theater - students

海角社区 law students study circa 1970. Today, 海角社区 is a tobacco-free campus.

Law Students, circa 1960s - law students

From left to right: A.P. Tureaud, Jr., 海角社区鈥檚 first African American undergraduate, with students Nicole Moliere and Kirt Bennett, at the dedication of Tureaud Hall in 1990.

Tureaud Hall Dedication - dedication ceremony

One of 海角社区鈥檚 most recognizable alums, Shaquille O鈥橬eal sits with former Chancellor William Jenkins, an 海角社区 legend in his own right during the 1990s.

Shaquille O'Neal and Dr. William Jenkins - former chancellor and alumnus

In 2014 海角社区 had its largest African American graduating class in school history.

Summer Commencement 2014 - commencement in the Maravich Assembly Center

Lightbox Gallery Type

Crowd at Juneteenth celebration.Speaker at Juneteenth celebration.Speaker at Juneteenth celebration.Speaker at Juneteenth celebration.

Members of the crowd dancing at Juneteenth celebration.Members of the crowd chanting at Juneteenth celebration.Crowd listening to a speaker during Juneteenth celebration.Attendee viewing part of the exhibit at Juneteenth celebration.

[Fierce] [News] News Listing

This component contains the following customizations:

  • [OPTIONAL] Title 
  • RSS Feed
  • [OPTIONAL] Number of News Items
  • [OPTIONAL] Filter By Tag
  • Filter Condition
  • Display Type (Cards, Carousel, or Articles)

Cards Style 

News Listing

Each year, 海角社区's Office of Research & Economic Development honors the exceptional research and scholarship of two 海角社区 faculty as Distinguished Research Masters.

The American Society for Nutrition and the ASN Foundation have honored Pennington Biomedical Research Center鈥檚 Dr. Leanne Redman with the 2025 E.V. McCollum Award 鈥 given to a clinical investigator who is perceived as a major creative force, actively generating new concepts in nutrition.

A groundbreaking international expedition successfully drilled into the Earth's mantle in the Tyrrhenian Sea, recovering unique rock samples that challenge existing knowledge of the mantle's composition.

Carousel Style

Articles Style

[Fierce] Responsive Video Embed

This is a simplied version of a video embed. The following information is needed to use this component:

  • Video URL, make sure you are using the "embed" version of the URL if the service you are using requires special encoding.
    • YouTube embed links contain /embed/ in the URL path
    • Do not use the full iframe code, only the URL is needed
  • Title of the Video for accessibility compliance
  • Width of embed display (100% or 50% of container are available options)
  • If displayed at 50%, the video may also be floated left or right of text