Sections
Sections have the ability to add components to the page. They also have preset formatting options to help the site administrator layout the page.
This sections formatting options are set to:
Width: Wrapped, Column: 1Column, Margin: No Margin, Padding: Padding, Background Pattern: Penrose Light, Background color: White
Width:
(Default set to 'Wrapped')
-
Wrapped: Content expands to the width of the page
- Full width: Content expands the width of the browser window
Column:
(Default set to '1 column')
-
1 Column: Sets content in 1 column
-
2 Column: Sets content in 2 column
-
3 Column: Sets content in 3 column
-
4 Column: Sets content in 4 column
-
6 Column: Sets content in 6 column
Margin:
(Default set to 'No Margin')
-
Margin: Sets margin to top and bottom of the section
-
Margin Top: Sets margin to top of the section
-
Margin Bottom: Sets margin to bottom of the section
-
No Margin: Sets no margin to the section
-
Margin Top Overlay: Sets negative margin to top of the section
-
Margin Bottom Overlay: Sets negative margin to bottom of the section
Padding:
(Default set to 'Padding')
-
Padding: Sets padding to top and bottom of the section
-
Padding Top: Sets padding to top of the section
-
Padding Bottom: Sets padding to bottom of the section
-
No Padding: Sets no padding to the section
Background Pattern:
(Default set to 'None')
-
Circle Top Left: Sets a circle in the background of the section in the top left
-
Penrose Light: Sets a the TJPA penrose in the background of the section
-
Penrose Dark: Sets a the TJPA dark penrose in the background of the section
-
Wave White: Sets a white wave in the background of the section: Recommended to set 'Padding to Padding'.
-
Wave Grey: Sets a grey wave in the background of the section: Recommended to set 'Padding to Padding'.
-
Top White Wave: Sets a white wave in the top background of the section: Recommended to set 'Padding to top padding' and 'Background color to Light Gray'.
Component Type: Text
Text component is a Text Editor. It uses CKEditor. CKEditor is a WYSIWYG rich text editor which enables writing content directly inside of web pages or online applications. Its core code is written in JavaScript and it is developed by CKSource. CKEditor
(This Section is: Background color selected: Light Grey).
Component Type: Accordion with Background Image
Accordion Title
Detail 1
Lorem ipsum dolor sit amet consectetur adipiscing elit netus conubia, quam tortor montes a vel blandit sollicitudin est, iaculis etiam venenatis elementum potenti litora eros euismod.
Detail Label 2
Fames massa cras porta scelerisque hac fusce volutpat velit, accumsan et non ridiculus suspendisse mi nisi, felis lectus torquent ultrices netus justo eros.
Detail Label 3
Dis inceptos ornare quam tempus aliquet pharetra, arcu ultricies non luctus nisl vulputate, nascetur porttitor mollis molestie commodo.
Component Type: Blocks
Blocks are individual pieces of your site’s web page layout. They are placed inside the regions of your theme, and can be created, removed, and rearranged in the Block layout administration page. Examples of blocks include the Who’s online listing, the main navigation menu, and the breadcrumb trail. The main page content is also a block.
Drupal User guid: https://www.drupal.org/docs/user_guide/en/block-concept.html
In this case the blocks are referenced by a 'Entity reference revisions' field within the content of a node.
The below is referencing the block 'iContact Join Our Mailing List Form' blocks will only appear if they are in the Antechamber of /admin/structure/block.
Sub Title 2
Card Title 1
Lorem ipsum dolor sit amet consectetur adipiscing elit sociis, rhoncus aliquam etiam velit ad habitant justo vehicula, varius gravida enim cubilia est fames tempus.
Sub Title 2
Card Title 2
Lacinia eu dis purus volutpat fames fringilla torquent sem lobortis magna, tortor ac luctus velit dapibus curae taciti consequat.
Sub Title 3
Card Title 3
Est vulputate odio auctor ligula maecenas nulla at scelerisque, luctus id nunc fermentum et vitae feugiat nascetur per, cras ullamcorper ante ridiculus mus montes nullam.
Component Type: CTA: Text with left card
Component Type: CTA: Text with right column
Lorem ipsum dolor sit amet consectetur adipiscing elit a platea est ultricies sagittis eu
Component Type: Container
Wraps content in a div tag with the class 'container': <div class='container'></div>. This keeps the content contained to the page size.
Component Type: Icons
Lorem ipsum dolor sit amet consectetur adipiscing elit hac ultrices mollis fusce nisi bibendum.
Lorem ipsum dolor sit amet consectetur adipiscing elit hac ultrices mollis fusce nisi bibendum.
Lorem ipsum dolor sit amet consectetur adipiscing elit hac ultrices mollis fusce nisi bibendum.
Component: Gallery Modal
Component Type: Related content
Component Type: Tabs
Egestas maecenas nibh natoque curabitur conubia habitant condimentum congue viverra porttitor, cum lectus neque sagittis penatibus nisl feugiat vivamus eget venenatis, dignissim vel aliquam malesuada pharetra tempus at nascetur suspendisse.
Lorem ipsum dolor sit amet consectetur adipiscing elit porta, ornare sollicitudin per aptent natoque elementum netus, pretium erat facilisi posuere vitae habitasse nascetur.
Component Type: View Reference:
Defines a field type View reference which creates a relationship to a Views display and allows the view to be displayed as the content of the field.
The views allows administrators and site designers to create, manage, and display lists of content. Each list is known as a "view", and the output of a view is known as a "display". Displays are provided in either block or page form, and a single view may have multiple displays.
View referenced below is:
Construction Notices: DTX/The Portal (construction_notices_dtx_the_portal)
About the Transbay Joint Powers Authority
The TJPA is the owner and operator of the world-class, multimodal Salesforce Transit Center and is working to extend Caltrain and ultimately, California High-Speed Rail service from 4th and King streets to the Transit Center in downtown San Francisco through The Portal. Learn more about the project, visit: www.tjpa.org/portaldtx.
What?
The Transbay Joint Powers Authority (TJPA), through its contractor Cal Vada, will be conducting a land survey along the entirety of the future underground rail alignment between the intersections of Townsend & 7th and Howard & 2nd. This important work is part of the TJPA’s The Portal, also known as the Downtown Rail Extension, to extend Caltrain commuter rail from its current terminus at Fourth and King streets and to the TJPA’s multimodal Salesforce Transit Center’s already built two-level trainbox in downtown San Francisco.
Where, When and What Time?
On both north & south sides of Townsend Street between 7th Street and 2nd Street, and on the east & west sides of 2nd Street from Townsend north to Howard. The surveyors will progress from Townsend Street east toward 2nd Street, then north on 2nd Street toward Howard.
Approximately two months of work from Monday, August 4, 2025, through Friday, September 26, 2025 from 7:00 a.m. to 4:00 p.m. (Note: Due to unforeseen circumstances, this schedule is subject to change without notice.)