Swarthmore Knowledge Base - Recent changes [en]

Domain Of One's Own

Jmoore2 — Fri, 10 Jul 2026 19:18:45 GMT

Description: grammatical and accessibility improvements

Best Practices: Webpage Creation

Jmoore2 — Fri, 10 Jul 2026 19:14:27 GMT

Page Title: grammatical updates

← Older revision		Revision as of 19:14, 10 July 2026
Line 44:		Line 44:
	In web circles, there is a lot of debate about which fonts are better than others, but one thing is clear: fonts with cursive, unusual shapes, or artistic features may look pretty, but they are harder to read than standard fonts like Times New Roman or Arial. Avoid them.		In web circles, there is a lot of debate about which fonts are better than others, but one thing is clear: fonts with cursive, unusual shapes, or artistic features may look pretty, but they are harder to read than standard fonts like Times New Roman or Arial. Avoid them.

	[[File:fonts-hard-to-read.png\|alt=Several different fancy font types that are hard to read. Each font example uses the phrase This font may be fun to look at, but it is not the easiest to read\|612px\|center\|thumb]]		[[File:fonts-hard-to-read.png\|alt=Several different fancy font types that are hard to read. Each font example uses the phrase This font may be fun to look at, but it is not the easiest to read\|612px\|center\|thumb\|Various decorative fonts that can be hard to read.]]

	=== Serif v. Sans-serif ===		=== Serif v. Sans-serif ===
Line 53:		Line 53:
	Which of these two is better for the web is up for debate. These days, it is more common to see Sans-Serif fonts on the web than Serif. One of the caveats when using sans-serif is that it is the possibility of confusion between uppercase I (as in Idaho) and lowercase L (as in linger). Usually, the context prevents this, but if you are mixing letters and numbers it might be better to use a serif font.		Which of these two is better for the web is up for debate. These days, it is more common to see Sans-Serif fonts on the web than Serif. One of the caveats when using sans-serif is that it is the possibility of confusion between uppercase I (as in Idaho) and lowercase L (as in linger). Usually, the context prevents this, but if you are mixing letters and numbers it might be better to use a serif font.

	All the fonts in this example of different font families are all the same size		All the fonts in this example of different font families are all the same size.

	=== Mono-spaced ===		=== Mono-spaced ===
	With monospace fonts each character is positioned at the same vertical point, making it easier to align columns of text or numbers. This type of font is best when used sparingly for shorter snippets of information. Coders are the more common users of a mono-space font because it makes it easier to vertical alignment different elements and the code doesn’t often span multiple lines. Below is an example of how we might use mono-spaced fonts		With monospace fonts each character is positioned at the same vertical point, making it easier to align columns of text or numbers. This type of font is best when used sparingly for shorter snippets of information. Coders are the more common users of a mono-space font because it makes it easier to vertical alignment different elements and the code doesn’t often span multiple lines. Below is an example of how we might use mono-spaced fonts.

	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">

File:Screenshot 2024-06-14 at 2.42.32 PM.png

Kwhiteb1 — Fri, 10 Jul 2026 18:30:26 GMT

Kwhiteb1 uploaded File:Screenshot 2024-06-14 at 2.42.32 PM.png

New page

File:Screenshot 2024-06-14 at 1.39.18 PM.png

Kwhiteb1 — Fri, 10 Jul 2026 18:29:38 GMT

Kwhiteb1 uploaded File:Screenshot 2024-06-14 at 1.39.18 PM.png

New page

File:Screenshot 2024-06-14 at 1.38.41 PM.png

Kwhiteb1 — Fri, 10 Jul 2026 18:24:02 GMT

Kwhiteb1 uploaded File:Screenshot 2024-06-14 at 1.38.41 PM.png

New page

File:Screenshot 2024-06-14 at 1.37.10 PM.png

Kwhiteb1 — Fri, 10 Jul 2026 18:22:09 GMT

Kwhiteb1 uploaded File:Screenshot 2024-06-14 at 1.37.10 PM.png

New page

Drupal Home

Kwhiteb1 — Fri, 10 Jul 2026 18:03:09 GMT

10. Additional Resources

← Older revision		Revision as of 18:03, 10 July 2026
(6 intermediate revisions by the same user not shown)
Line 22:		Line 22:
	= Drupal User Guide =		= Drupal User Guide =

	Welcome to the Drupal 10 User Guide. Use the sections below to learn the basics of editing content, managing your website, and using Drupal components.		Welcome to the Drupal User Guide. Use the sections below to learn the basics of editing content, managing your website, and using Drupal components.

	== 1. Getting Started ==		== 1. Getting Started ==
Line 119:		Line 119:
	== 5. Navigation ==		== 5. Navigation ==

	* [[Navigation#5.~~1)_Accessing_a_Site’s_Navigation~~\|5.1 Accessing a Site's Navigation]]		* [[Navigation#5.1_Accessing_a_Site’s_Navigation\|5.1 Accessing a Site's Navigation]]
	* [[Navigation#5.~~2)_How_the_Navigation_Editor_Works~~\|5.2 How the Navigation Editor Works]]		* [[Navigation#5.2_How_the_Navigation_Editor_Works\|5.2 How the Navigation Editor Works]]
	* [[Navigation#5.~~3)_Arranging_the_Sort_Order_of_Navigation~~\|5.3 Arranging the Sort Order of Navigation]]		* [[Navigation#5.3_Arranging_the_Sort_Order_of_Navigation\|5.3 Arranging the Sort Order of Navigation]]
	* [[Navigation#5.~~4)_Adding_a_Page_to_Navigation~~\|5.4 Adding a Page to Navigation]]		* [[Navigation#5.4_Adding_a_Page_to_Navigation\|5.4 Adding a Page to Navigation]]
	* [[Navigation#5.~~5)_Editing~~/Removing_the_Navigation_Link_Name\|5.5 Editing/Removing the Navigation Link Name]]		* [[Navigation#5.5_Editing/Removing_the_Navigation_Link_Name\|5.5 Editing/Removing the Navigation Link Name]]

	== 6. Images ==		== 6. Images ==

	* [[Images#6.~~1)_Adding_a_Primary_Image~~\|6.1 Adding a Primary Image]]		* [[Images#6.1_Adding_a_Primary_Image\|6.1 Adding a Primary Image]]
	* [[Images#6.~~2)_Adding_an_Image_in_the_Body_Copy~~\|6.2 Adding an Image in the Body Copy]]		* [[Images#6.2_Adding_an_Image_in_the_Body_Copy\|6.2 Adding an Image in the Body Copy]]
	* [[Images#6.~~3)_Homepage_Images~~\|6.3 Homepage Images]]		* [[Images#6.3_Homepage_Images\|6.3 Homepage Images]]
	* [[Images#6.~~4)_Recommended_Image_Sizes~~\|6.4 Recommended Image Sizes]]		* [[Images#6.4_Recommended_Image_Sizes\|6.4 Recommended Image Sizes]]
	** [[Images#6.4.1_Recommended_Sizes_for_Header_Images\|6.4.1 Recommended Sizes for Header Images]]		** [[Images#6.4.1_Recommended_Sizes_for_Header_Images\|6.4.1 Recommended Sizes for Header Images]]
	** [[Images#6.4.2_Recommended_Sizes_for_Components\|6.4.2 Recommended Sizes for Components]]		** [[Images#6.4.2_Recommended_Sizes_for_Components\|6.4.2 Recommended Sizes for Components]]
Line 138:		Line 138:
	== 7. Documents ==		== 7. Documents ==

	* [[Documents#7.~~1)_PDFs_vs_Web_Pages~~\|7.1 PDFs vs Web Pages]]		* [[Documents#7.1_PDFs_vs_Web_Pages\|7.1 PDFs vs Web Pages]]
	* [[Documents#7.~~2)_Accessibility_Requirements~~\|7.2 Accessibility Requirements]]		* [[Documents#7.2_Accessibility_Requirements\|7.2 Accessibility Requirements]]
	* [[Documents#7.~~3)_Hosting_Options~~\|7.3 Hosting Options]]		* [[Documents#7.3_Hosting_Options\|7.3 Hosting Options]]
	* [[Documents#7.~~4)_Uploading_a_Document_to_Drupal~~\|7.4 Uploading a Document to Drupal]]		* [[Documents#7.4_Uploading_a_Document_to_Drupal\|7.4 Uploading a Document to Drupal]]
	* [[Documents#7.~~5)_Uploading_a_Document_to_Google_Drive~~\|7.5 Uploading a Document to Google Drive]]		* [[Documents#7.5_Uploading_a_Document_to_Google_Drive\|7.5 Uploading a Document to Google Drive]]

	== 8. Profiles ==		== 8. Profiles ==
Line 153:		Line 153:
	== 9. Specialized Content ==		== 9. Specialized Content ==

	* [[Specialized Content#9.~~1)_Site_Settings~~\|9.1 Site Settings]]		* [[Specialized Content#9.1_Site_Settings\|9.1 Site Settings]]
	** [[Specialized Content#9.1.~~1)_Accessing_Site_Settings~~\|9.1.1 Accessing Site Settings]]		** [[Specialized Content#9.1.1_Accessing_Site_Settings\|9.1.1 Accessing Site Settings]]

	* [[Specialized Content#9.~~2)_The_Contact_Block~~\|9.2 Contact Block]]		* [[Specialized Content#9.2_The_Contact_Block\|9.2 Contact Block]]
	** [[Specialized Content#9.2.~~1)_Using_the_built~~-in_default_contact_fields_(recommended)\|9.2.1 Built-in Contact Fields]]		** [[Specialized Content#9.2.1_Using_the_built-in_default_contact_fields_(recommended)\|9.2.1 Built-in Contact Fields]]
	** [[Specialized Content#9.2.~~2)_Using_the_deprecated_field_to_customize_your_contact_block~~\|9.2.2 Custom Contact Block]]		** [[Specialized Content#9.2.2_Using_the_deprecated_field_to_customize_your_contact_block\|9.2.2 Custom Contact Block]]
	** [[Specialized Content#9.2.~~3)_Working_with_the_Contact_and_Social_Media_~~(deprecated_field)\|9.2.3 Contact & Social Media Editor]]		** [[Specialized Content#9.2.3_Working_with_the_Contact_and_Social_Media_(deprecated_field)\|9.2.3 Contact & Social Media Editor]]

	* [[Specialized Content#9.~~3)_Shared_Site_Content~~\|9.3 Shared Site Content]]		* [[Specialized Content#9.3_Shared_Site_Content\|9.3 Shared Site Content]]
	** [[~~Specialized Content~~#9.3.~~1)_Editing_an_existing_component_in_the_Shared_Site_Content_zone.~~\|9.3.1 ~~Edit~~ Shared Site Content]]		** [[Specialized_Content#9.3.1_Editing_an_Existing_Shared_Site_Content_Component\|9.3.1 Editing an Existing Shared Site Content Component]]
	** [[~~Specialized Content~~#9.3.~~2)_Adding_a_new_component_to_the_Shared_Site_Content_zone.~~\|9.3.2 ~~Add~~ Shared Site Content]]		** [[Specialized_Content#9.3.2_Adding_a_Component_to_Shared_Site_Content\|9.3.2 Adding a Component to Shared Site Content]]
	** [[~~Specialized Content~~#9.3.~~3)_Removing_a_component_from_the_Shared_Site_Content_zone.~~\|9.3.3 ~~Remove~~ Shared Site Content]]		**[[Specialized_Content#9.3.3_Removing_a_Shared_Site_Content_Component\|9.3.3 Removing a Shared Site Content Component]]
			* [[Specialized Content#9.4_News\|9.4 News]]
	* [[Specialized Content#9.~~4)_News~~\|9.4 News]]		* [[Specialized Content#9.5_Events\|9.5 Events]]
	* [[Specialized Content#9.~~5)_Events~~\|9.5 Events]]		* [[Specialized Content#9.6_Acalog\|9.6 Acalog]]
	* [[Specialized Content#9.~~6)_Acalog~~\|9.6 Acalog]]		* [[Specialized Content#9.7_Videos\|9.7 Videos]]
	* [[Specialized Content#9.~~7)_Videos~~\|9.7 Videos]]		* [[Specialized Content#9.8_Forms\|9.8 Forms]]
	* [[Specialized Content#9.~~8)_Forms~~\|9.8 Forms]]

	== 10. Additional Resources ==		== 10. Additional Resources ==

	* [[Additional Resources#10.~~1)_Access_the_PhotoShelter_Digital_Image_Library~~\|10.1 Access the PhotoShelter Digital Image Library]]		* [[Additional Resources#10.1_Access_the_PhotoShelter_Digital_Image_Library\|10.1 Access the PhotoShelter Digital Image Library]]
	* [[Additional Resources#10.~~2)_Request_a_Photoshoot~~\|10.2 Request a Photoshoot]]		* [[Additional Resources#10.2_Request_a_Photoshoot\|10.2 Request a Photoshoot]]
	* [[Additional Resources#10.~~3)_SiteImprove_Website_Monitoring~~\|10.3 SiteImprove Website Monitoring]]		* [[Additional Resources#10.3_SiteImprove_Website_Monitoring\|10.3 SiteImprove Website Monitoring]]
	* [[Additional Resources#10.~~4)_Request_a_Website_Redesign~~\|10.4 Request a Website Redesign]]		* [[Additional Resources#10.4_Request_a_Website_Redesign\|10.4 Request a Website Redesign]]
	* [[Additional Resources#10.~~5)_Swarthmore_College_Style_Guide~~\|10.5 Swarthmore College Style Guide]]		* [[Additional Resources#10.5_Swarthmore_College_Style_Guide\|10.5 Swarthmore College Style Guide]]
	* [[Additional Resources#10.~~6)_Drupal_Support~~\|10.6 Drupal Support]]		* [[Additional Resources#10.6_Drupal_Support\|10.6 Drupal Support]]

	[[Category:Drupal]]		[[Category:Drupal]]

Template:Screenshot/styles.css

Kwhiteb1 — Fri, 10 Jul 2026 15:32:28 GMT

← Older revision		Revision as of 15:32, 10 July 2026
Line 6:		Line 6:
	.screenshot {		.screenshot {
	display: inline-block;		display: inline-block;
			width: auto;
	max-width: 100%;		max-width: 100%;
	box-sizing: border-box;		box-sizing: border-box;
Line 15:		Line 16:
	color: #202122;		color: #202122;
	text-align: center;		text-align: center;
			vertical-align: top;
	}		}

	.screenshot__image {		.screenshot__image {
			display: inline-block;
	max-width: 100%;		max-width: 100%;
	box-sizing: border-box;		box-sizing: border-box;
Line 24:		Line 27:
	border-radius: 4px;		border-radius: 4px;
	line-height: 0;		line-height: 0;
			vertical-align: top;
	}		}

Line 31:		Line 35:
	}		}

	.screenshot__image .mw-file-description,		.screenshot__image .mw-file-description {
	~~.screenshot__image .mw-file-element~~ {		display: inline-block;
	display: block;
	max-width: 100%;		max-width: 100%;
	}		}

	.screenshot__image .mw-file-element {		.screenshot__image .mw-file-element,
	width: ~~auto~~;		.screenshot__image img {
			display: block;
			max-width: 100%;
	height: auto;		height: auto;
	}		}

Template:DrupalBack

Kwhiteb1 — Fri, 10 Jul 2026 15:26:20 GMT

← Older revision		Revision as of 15:26, 10 July 2026
(One intermediate revision by the same user not shown)
Line 1:		Line 1:
	<includeonly><~~div style~~="~~margin~~:~~1em 0 1~~.~~5em 0;~~"><~~span style~~="~~display:inline~~-~~block; background:#f8fbff; border:1px solid #c7d8f5; border-radius:6px; padding:.45em .9em;~~">[[Drupal Home\|← Return to the Drupal 10 User Guide]]~~</span>~~</div></includeonly>		<includeonly><templatestyles src="Template:DrupalBack/styles.css" /><div class="drupal-back">[[Drupal Home\|← Return to the Drupal User Guide]]</div></includeonly><noinclude>
	<noinclude>
	~~== Drupal Back Template ==~~

	Creates a consistent ~~return link back~~ to the Drupal ~~guide homepage~~.		Creates a consistent "Return to the Drupal User Guide" button.

	=== Usage ===		== Usage ==

	<pre>		<pre>
	{{DrupalBack}}		{{DrupalBack}}
	</pre>		</pre>

	</noinclude>		</noinclude>

Template:DrupalBack/styles.css

Kwhiteb1 — Fri, 10 Jul 2026 15:19:42 GMT

Created page with ".drupal-back { margin: 0 0 1.5em; } .drupal-back a { display: inline-flex; align-items: center; gap: 0.4em; padding: 0.45em 0.9em; border: 1px solid #c8ccd1; border-radius: 9999px; background: #f8f9fa; color: #202122; font-weight: 600; text-decoration: none; transition: background-color .15s ease, border-color .15s ease; } .drupal-back a:hover, .drupal-back a:focus { background: #eaecf0; border-color: #a2a9b1; text-decoration: none; } .dr..."

New page

.drupal-back {
margin: 0 0 1.5em;
}

.drupal-back a {
display: inline-flex;
align-items: center;
gap: 0.4em;
padding: 0.45em 0.9em;
border: 1px solid #c8ccd1;
border-radius: 9999px;
background: #f8f9fa;
color: #202122;
font-weight: 600;
text-decoration: none;
transition: background-color .15s ease, border-color .15s ease;
}

.drupal-back a:hover,
.drupal-back a:focus {
background: #eaecf0;
border-color: #a2a9b1;
text-decoration: none;
}

.drupal-back a:visited {
color: #202122;
}

html.skin-theme-clientpref-night .drupal-back a {
background: #202122;
border-color: #54595d;
color: #eaecf0;
}

html.skin-theme-clientpref-night .drupal-back a:hover,
html.skin-theme-clientpref-night .drupal-back a:focus {
background: #2a2d33;
border-color: #72777d;
}

html.skin-theme-clientpref-night .drupal-back a:visited {
color: #eaecf0;
}

@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .drupal-back a {
background: #202122;
border-color: #54595d;
color: #eaecf0;
}

html.skin-theme-clientpref-os .drupal-back a:hover,
html.skin-theme-clientpref-os .drupal-back a:focus {
background: #2a2d33;
border-color: #72777d;
}

html.skin-theme-clientpref-os .drupal-back a:visited {
color: #eaecf0;
}
}

Template:Screenshot

Kwhiteb1 — Fri, 10 Jul 2026 15:18:35 GMT

← Older revision		Revision as of 15:18, 10 July 2026
Line 1:		Line 1:
	<includeonly><div ~~style~~="~~text~~-~~align:center; margin:1.5em 0;~~">		<includeonly><templatestyles src="Template:Screenshot/styles.css" /><div class="screenshot-wrapper"><div class="screenshot" role="figure" aria-label="{{#if:{{{4\|}}}\|Figure: {{{4}}}\|Screenshot: {{{3\|}}}}}"><div class="screenshot__image">[[File:{{{1}}}\|frameless\|{{{2\|600px}}}\|alt={{{3\|}}}]]</div>{{#if:{{{4\|}}}\|<div class="screenshot__caption"><strong>Figure:</strong> {{{4}}}</div>}}</div></div></includeonly><noinclude>
	<div role="figure" aria-label="{{#if:{{{4\|}}}\|Figure: {{{4}}}\|Screenshot: {{{3\|}}}}}~~" style="display:inline-block; max-width:100%; background:#fff; border:1px solid #d8dde8; border-radius:8px; padding:12px; box-shadow:0 1px 3px rgba(0,0,0,.08); box-sizing:border-box;~~">
	<div ~~style~~="~~display:inline-block; max-width:100%; border:1px solid #c8ccd1; border-radius:4px; overflow:hidden; line-height:0; box-sizing:border-box;~~">
	[[File:{{{1}}}\|frameless\|{{{2\|600px}}}\|alt={{{3\|}}}]]
	</div>{{#if:{{{4\|}}}\|
	<div ~~style~~="~~margin-top:.75em; font-size:90%; color:#333; text-align:center; line-height:1.4;~~"><strong>Figure:</strong> {{{4}}}</div>}}
	</div>
	</div></includeonly>
	<noinclude>
	== Screenshot Template ==		== Screenshot Template ==

	Creates a consistently styled screenshot with optional caption text.		Creates a responsive, consistently styled screenshot with optional caption text.

	=== Usage ===		=== Usage ===

	<pre>		<pre>
	{{Screenshot		{{Screenshot\|File.png\|600px\|Alternative text\|Optional caption}}
	\| File.png
	\| 600px
	\| Alternative text
	\| ~~Caption text without "Figure:"~~
	}}
	</pre>		</pre>

	=== Parameters ===		=== Parameters ===

	# '''File name''' — ~~required~~		# '''File name''' — Required.
	# '''Width''' — ~~optional,~~ defaults to <code>600px</code>		# '''Width''' — Optional; defaults to <code>600px</code>.
	# '''Alternative text''' — ~~required~~ for meaningful screenshots		# '''Alternative text''' — Required for meaningful screenshots.
	# '''Caption''' — ~~optional~~; the template automatically adds <code>Figure:</code>		# '''Caption''' — Optional; the template automatically adds <code>Figure:</code>.

			=== Example ===

			<pre>
			{{Screenshot\|DrupalMySites.png\|500px\|Screenshot showing the My Sites menu in the Drupal toolbar.\|The Drupal toolbar after a successful login.}}
			</pre>
	</noinclude>		</noinclude>

Template:Screenshot/styles.css

Kwhiteb1 — Fri, 10 Jul 2026 15:17:59 GMT

Created page with ".screenshot-wrapper { margin: 1.5em 0; text-align: center; } .screenshot { display: inline-block; max-width: 100%; box-sizing: border-box; padding: 12px; background: #fff; border: 1px solid #d8dde8; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); color: #202122; text-align: center; } .screenshot__image { max-width: 100%; box-sizing: border-box; overflow: hidden; border: 1px solid #c8ccd1; border-radius: 4px; line-heigh..."

New page

.screenshot-wrapper {
margin: 1.5em 0;
text-align: center;
}

.screenshot {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
padding: 12px;
background: #fff;
border: 1px solid #d8dde8;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
color: #202122;
text-align: center;
}

.screenshot__image {
max-width: 100%;
box-sizing: border-box;
overflow: hidden;
border: 1px solid #c8ccd1;
border-radius: 4px;
line-height: 0;
}

.screenshot__image p,
.screenshot__caption p {
margin: 0;
}

.screenshot__image .mw-file-description,
.screenshot__image .mw-file-element {
display: block;
max-width: 100%;
}

.screenshot__image .mw-file-element {
width: auto;
height: auto;
}

.screenshot__caption {
margin-top: 0.75em;
color: #54595d;
font-size: 0.9em;
line-height: 1.4;
text-align: center;
overflow-wrap: anywhere;
}

html.skin-theme-clientpref-night .screenshot {
background: #202122;
border-color: #54595d;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
color: #eaecf0;
}

html.skin-theme-clientpref-night .screenshot__image {
border-color: #72777d;
}

html.skin-theme-clientpref-night .screenshot__caption {
color: #c8ccd1;
}

@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .screenshot {
background: #202122;
border-color: #54595d;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
color: #eaecf0;
}

html.skin-theme-clientpref-os .screenshot__image {
border-color: #72777d;
}

html.skin-theme-clientpref-os .screenshot__caption {
color: #c8ccd1;
}
}

Template:Callout

Kwhiteb1 — Fri, 10 Jul 2026 15:15:33 GMT

← Older revision		Revision as of 15:15, 10 July 2026
Line 1:		Line 1:
	<includeonly><~~div style~~="~~text-align~~:~~center; margin:1~~.~~5em 0;~~">		<includeonly><templatestyles src="Template:Callout/styles.css" /><div class="callout-wrapper"><div class="callout callout--{{lc:{{{type\|tip}}}}}" role="note" aria-label="{{{title\|{{#switch:{{lc:{{{type\|tip}}}}}\|warning=Warning\|important=Important\|success=Success\|note=Note\|#default=Tip}}}}}"><div class="callout__title">{{{title\|{{#switch:{{lc:{{{type\|tip}}}}}\|warning=Warning\|important=Important\|success=Success\|note=Note\|#default=Tip}}}}}</div><div class="callout__content">{{{content\|{{{1\|}}}}}}</div></div></div></includeonly>
	<div ~~role~~="~~note~~" ~~aria-label~~="~~{{{title\|{{#switch:~~{{lc:{{{type\|tip}}}}}~~\|warning~~=~~Warning\|important=Important\|success=Success\|~~note~~=Note\|#default=Tip}}}}}~~" ~~style~~="~~display:inline-block; width:auto; max-width:min(48em, 100%); box-sizing:border-box; text-align:left; padding:16px; border-radius:8px; border:1px solid~~ {{~~#switch:~~{~~{lc:{{{type\|tip}}}}}\|warning=#d97706\|important=#b45309\|success=#15803d\|note=#6b7280~~\|~~#default=#c7d8f5}}; background:~~{{#switch:{{lc:{{{type\|tip}}}}}\|warning=~~#fff8e6~~\|important=~~#fff7ed~~\|success=~~#f0fdf4~~\|note=~~#f9fafb~~\|#default=~~#f8fbff~~}};">
	<div ~~style~~="~~font-weight:bold; font-size:1.1em; margin:0 0 .75em 0; color:{{#switch:{{lc:{{{type\|tip}}}}}\|warning=#7c3f00\|important=#7c2d12\|success=#14532d\|note=#374151\|#default=#1d4f91}};~~"~~><span~~>{{{title\|{{#switch:{{lc:{{{type\|tip}}}}}\|warning=Warning\|important=Important\|success=Success\|note=Note\|#default=Tip}}}}}~~</span>~~</div>
	<div ~~style~~="~~line-height:1.5;~~">{{{1\|{{{~~content~~\|}}}}}}</div>
	</div>
	</div></includeonly>
	<noinclude>		<noinclude>

Template:Callout/styles.css

Kwhiteb1 — Fri, 10 Jul 2026 15:15:09 GMT

Created page with ".callout { display: inline-block; width: auto; max-width: 48em; box-sizing: border-box; padding: 16px; border: 1px solid; border-radius: 8px; text-align: left; } .callout-wrapper { margin: 1.5em 0; text-align: center; } .callout__title { margin: 0 0 0.75em; font-size: 1.1em; font-weight: 700; } .callout__content { line-height: 1.5; } .callout--tip { color: #1d4f91; background: #f8fbff; border-color: #c7d8f5; } .callout--note { col..."

New page

.callout {
display: inline-block;
width: auto;
max-width: 48em;
box-sizing: border-box;
padding: 16px;
border: 1px solid;
border-radius: 8px;
text-align: left;
}

.callout-wrapper {
margin: 1.5em 0;
text-align: center;
}

.callout__title {
margin: 0 0 0.75em;
font-size: 1.1em;
font-weight: 700;
}

.callout__content {
line-height: 1.5;
}

.callout--tip {
color: #1d4f91;
background: #f8fbff;
border-color: #c7d8f5;
}

.callout--note {
color: #374151;
background: #f9fafb;
border-color: #6b7280;
}

.callout--important {
color: #7c2d12;
background: #fff7ed;
border-color: #b45309;
}

.callout--warning {
color: #7c3f00;
background: #fff8e6;
border-color: #d97706;
}

.callout--success {
color: #14532d;
background: #f0fdf4;
border-color: #15803d;
}

html.skin-theme-clientpref-night .callout--tip {
color: #cfe3ff;
background: #162230;
border-color: #56789f;
}

html.skin-theme-clientpref-night .callout--note {
color: #f1f3f5;
background: #252a30;
border-color: #8a949e;
}

html.skin-theme-clientpref-night .callout--important {
color: #ffd7c2;
background: #352117;
border-color: #d48346;
}

html.skin-theme-clientpref-night .callout--warning {
color: #ffe1a6;
background: #332812;
border-color: #d69b35;
}

html.skin-theme-clientpref-night .callout--success {
color: #c9f3d5;
background: #172a1e;
border-color: #4b9b63;
}

@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .callout--tip {
color: #cfe3ff;
background: #162230;
border-color: #56789f;
}

html.skin-theme-clientpref-os .callout--note {
color: #f1f3f5;
background: #252a30;
border-color: #8a949e;
}

html.skin-theme-clientpref-os .callout--important {
color: #ffd7c2;
background: #352117;
border-color: #d48346;
}

html.skin-theme-clientpref-os .callout--warning {
color: #ffe1a6;
background: #332812;
border-color: #d69b35;
}

html.skin-theme-clientpref-os .callout--success {
color: #c9f3d5;
background: #172a1e;
border-color: #4b9b63;
}
}

Additional Resources

Kwhiteb1 — Fri, 10 Jul 2026 15:02:50 GMT

← Older revision		Revision as of 15:02, 10 July 2026
Line 1:		Line 1:
	~~← [[Drupal Home\|Return to~~ the ~~Drupal 10 User Guide]]~~		{{DrupalBack}}
			== 10.1 Access the PhotoShelter Digital Image Library ==

	~~== 10~~.~~1) Access the~~ PhotoShelter ~~Digital Image Library ==~~		You do not need to source your own photos. Swarthmore's PhotoShelter digital image library contains thousands of photos that may be used on College websites.

	You do not need to source your own photos. You are welcome to use any photo in Swarthmore’s digital image library which contains thousands of photos. Below are instructions for logging into the Swarthmore’s PhotoShelter account. If you have ~~any~~ questions about PhotoShelter, ~~please~~ contact: [mailto:web-update@swarthmore.edu web-update@swarthmore.edu].~~<br>~~		If you have questions about PhotoShelter, contact [mailto:web-update@swarthmore.edu web-update@swarthmore.edu].

	# ~~Goto:~~ [~~http~~://swarthmore.photoshelter.com~~/ http:/~~/swarthmore.photoshelter.com]		# Go to [https://swarthmore.photoshelter.com/ swarthmore.photoshelter.com].
	# ~~Select "~~Login~~" located~~ in the ~~menu bar at the top~~ right corner		# Click '''Login''' in the upper-right corner.
	# Select ~~the "~~College Login~~" button~~		# Select '''College Login'''.
	# ~~Use~~ your Swarthmore network credentials ~~to login~~		# Sign in using your Swarthmore network credentials.
	# Click "Galleries~~" located~~ in the ~~menu bar at the top~~ left corner		# Click '''Galleries''' in the upper-left corner.
	# Select "Invited Galleries~~" in the left column and~~ then "Swarthmore College"		# Select '''Invited Galleries''', then choose '''Swarthmore College'''.
	# ~~You can search the directories located in~~ the ~~left column~~ or use ~~keyword~~ search to ~~find~~ photos.		# Browse the folders or use the search feature to locate photos.

	== 10.2) Request a Photoshoot ==		== 10.2 Request a Photoshoot ==

	If you need new ~~photos~~ for your website, you ~~can~~ request a photoshoot. This service ~~is provided by the Communications Office and~~ is intended for faculty and staff requests only. Requests for photography must be submitted at least one week in advance. Please allow 3-5 working days for digital processing. '''Please note''': not all requests can be granted. Student workers may be assigned to the job depending on the time of the event and availability. In order request a photoshoot, please fill out the [https://docs.google.com/forms/d/e/1FAIpQLSesanygqq-fQhfVp9rhrYqUDRe9c4WltYhDE5GfMqzhrFS6EQ/viewform Photoshoot Request Form].		If you need new photography for your website, you may request a photoshoot through the Communications Office. This service is intended for faculty and staff.

	~~== 10~~.~~3) SiteImprove Website Monitoring ==~~		Please submit requests at least '''one week in advance''' and allow '''3–5 business days''' for photo processing.

	~~Swarthmore College uses SiteImprove for quality assurance monitoring of the Swarthmore website~~. ~~This resource helps editors identify broken links~~, ~~misspellings, accessibility issues, as well as provide analytics data~~.		{{Callout\|type=tip\|title=Photography Requests\|content=Not all requests can be accommodated. Depending on scheduling and availability, photography may be completed by student photographers.

	~~If you are interested in participating in~~ the ~~SiteImprove pilot program, please contact:~~ [~~mailto~~:~~web-update@swarthmore~~.~~edu web~~-~~update@swarthmore.edu~~].		To request a photoshoot, complete the [https://docs.google.com/forms/d/e/1FAIpQLSesanygqq-fQhfVp9rhrYqUDRe9c4WltYhDE5GfMqzhrFS6EQ/viewform Photoshoot Request Form].}}

	== 10.~~4) Request a~~ Website ~~Redesign~~ ==		== 10.3 SiteImprove Website Monitoring ==

	~~Website redesign services are provided by the Communications Office. Our team will work with your department~~ to ~~help redesign your~~ website ~~to meet your goals and to more effectively communicate your content~~. ~~If you are interested in redesigning your website, please reach out to us at~~: ~~[mailto:web-update@swarthmore.edu web-update@swarthmore.edu].~~		Swarthmore College uses '''SiteImprove''' to monitor website quality. SiteImprove helps editors identify:

	~~== 10.5) Swarthmore College Style Guide ==~~		* Broken links
			* Misspellings
			* Accessibility issues
			* Website analytics

	~~The College’s~~ [~~https~~:~~//www~~.swarthmore.edu~~/communications-office/editorial-style-guide Editorial Style Guide~~] ~~is helpful a resource for writing website content~~.		If you are interested in participating in the SiteImprove pilot program, contact [mailto:web-update@swarthmore.edu web-update@swarthmore.edu].

	== 10.~~6) Drupal Support~~ ==		== 10.4 Request a Website Redesign ==

	~~If you need assistance working~~ with ~~Drupal, please contact us:~~		Website redesign services are provided by the Communications Office. The team works with departments to redesign websites that better meet their communication goals and improve the presentation of content.

	* [mailto:web-update@swarthmore.edu web-update@swarthmore.edu] ~~- content related questions / assistance making updates to the website~~		To discuss a website redesign, contact [mailto:web-update@swarthmore.edu web-update@swarthmore.edu].
	* [mailto:support@swarthmore.~~edu support@swarthmore.edu] - report technical / access issues~~

			== 10.5 Swarthmore College Editorial Style Guide ==

	[~~[Category~~:Drupal]]		The College's [https://www.swarthmore.edu/communications-office/editorial-style-guide Editorial Style Guide] is a helpful resource for writing and editing website content.

			== 10.6 Drupal Support ==

			If you need assistance with Drupal, contact the appropriate team:

			* [mailto:web-update@swarthmore.edu web-update@swarthmore.edu] — Content questions and assistance updating your website.
			* [mailto:support@swarthmore.edu support@swarthmore.edu] — Technical problems, bugs, or access issues.

	~~<!-- Imported from Confluence page id=172916760 (https~~:~~//swatkb.atlassian.net/wiki/spaces/DRUP/pages/172916760/Additional+Resources) -->~~		[[Category:Drupal]]

Specialized Content

Kwhiteb1 — Fri, 10 Jul 2026 14:58:42 GMT

Show changes

Profiles

Kwhiteb1 — Fri, 10 Jul 2026 14:45:01 GMT

Show changes

Documents

Kwhiteb1 — Fri, 10 Jul 2026 14:40:50 GMT

7.5) Uploading a Document to Google Drive

Show changes

Drupal Home

Kwhiteb1 — Fri, 10 Jul 2026 14:27:42 GMT

6. Images

← Older revision		Revision as of 14:27, 10 July 2026
Line 131:		Line 131:
	* [[Images#6.3)_Homepage_Images\|6.3 Homepage Images]]		* [[Images#6.3)_Homepage_Images\|6.3 Homepage Images]]
	* [[Images#6.4)_Recommended_Image_Sizes\|6.4 Recommended Image Sizes]]		* [[Images#6.4)_Recommended_Image_Sizes\|6.4 Recommended Image Sizes]]
			** [[Images#6.4.1_Recommended_Sizes_for_Header_Images\|6.4.1 Recommended Sizes for Header Images]]
			** [[Images#6.4.2_Recommended_Sizes_for_Components\|6.4.2 Recommended Sizes for Components]]
			** [[Images#6.4.3_Recommended_Sizes_for_Profiles\|6.4.3 Recommended Sizes for Profiles]]
			** [[Images#6.4.4_Recommended_Sizes_for_News_and_Events_Pages_&_Thumbnails\|6.4.4 Recommended Sizes for News and Events Pages & Thumbnails]]

	== 7. Documents ==		== 7. Documents ==

Images

Kwhiteb1 — Fri, 10 Jul 2026 14:21:57 GMT

6.4.4 Recommended Sizes for News and Events Pages & Thumbnails

Show changes

Navigation

Kwhiteb1 — Fri, 10 Jul 2026 13:58:00 GMT

Show changes

RSS Feed Component

Kwhiteb1 — Fri, 10 Jul 2026 13:55:40 GMT

← Older revision		Revision as of 13:55, 10 July 2026
Line 1:		Line 1:
	~~← [[Drupal Home\|Return to the Drupal 10 User Guide]]~~		{{DrupalBack}}
			The '''RSS Feed''' component displays recent posts from an external RSS feed. This component can only be created and maintained by ITS administrators.

	~~The '''''RSS Feed''''' component displays recent posts from an external source. This component can only be created and maintained by ITS administrators.~~ To request ~~the creation of ''~~'''RSS Feed''''' component on your site, email [mailto:support@swarthmore.edu support@swarthmore.edu].		To request that an '''RSS Feed''' component be added to your site, email [mailto:support@swarthmore.edu support@swarthmore.edu].

	== Examples ==		== Examples ==

	{{~~StorybookComponent~~\|id=~~swarthmore-theme-components-rss-feed~~\|~~height~~=~~650}}~~		{{Callout\|type=tip\|title=Interactive Example\|content=The preview below shows the RSS Feed component using its default configuration.

			To experiment with the component, open the interactive component playground.

	[~~[Category~~:~~Drupal]~~]		'''[https://toolkit.swarthmore.edu/?path=/story/swarthmore-theme-components-rss-feed Open Component Playground]'''}}

			{{StorybookComponent\|id=swarthmore-theme-components-rss-feed\|height=650}}

	~~<!-- Imported from Confluence page id=175538199 (https~~:~~//swatkb.atlassian.net/wiki/spaces/DRUP/pages/175538199/RSS+Feed+Component) -->~~		[[Category:Drupal]]

Custom Markup Component

Kwhiteb1 — Fri, 10 Jul 2026 13:55:01 GMT

← Older revision		Revision as of 13:55, 10 July 2026
Line 1:		Line 1:
	~~← [[Drupal Home\|Return to the Drupal 10 User Guide]]~~		{{DrupalBack}}

	The '''''Custom Markup''''' component is a relatively simple component type designed to add custom HTML markup to your page. In its simplest form, this will generate a basic block with some text and a call to action link, if the field is filled in. This component might be helpful if you want to add a simple block of text between other panes on your page.		The '''''Custom Markup''''' component is a relatively simple component type designed to add custom HTML markup to your page. In its simplest form, this will generate a basic block with some text and a call to action link, if the field is filled in. This component might be helpful if you want to add a simple block of text between other panes on your page.

Line 7:		Line 6:

	[[Category:Drupal]]		[[Category:Drupal]]


	~~<!-- Imported from Confluence page id=20513079 (https://swatkb.atlassian.net/wiki/spaces/DRUP/pages/20513079/Custom+Markup+Component) -->~~

Feature Story Callout Component

Kwhiteb1 — Fri, 10 Jul 2026 13:53:57 GMT

← Older revision		Revision as of 13:53, 10 July 2026
Line 1:		Line 1:
	~~← [[Drupal Home\|Return~~ to ~~the Drupal 10 User Guide]]~~		{{DrupalBack}}
			The '''Feature Story Callout''' component is an eye-catching full-width component designed to highlight two featured stories or calls to action. This component can only be created and maintained by ITS administrators.

	~~The '''''Feature Story Callout''''' component is an eye-catching full-width component designed to advertise two elements. This component can only be created and maintained by ITS administrators.~~ To request ~~the creation of ''~~'''Feature Story Callout''''' component on your site, email [mailto:support@swarthmore.edu support@swarthmore.edu].		To request that a '''Feature Story Callout''' component be added to your site, email [mailto:support@swarthmore.edu support@swarthmore.edu].

	== Examples ==		== Examples ==

	{{~~StorybookComponent~~\|id=~~swarthmore-theme-components-feature-story-callouts~~\|~~height~~=~~650}}~~		{{Callout\|type=tip\|title=Interactive Example\|content=The preview below shows the Feature Story Callout component using its default configuration.

			To experiment with the component, open the interactive component playground.

	[~~[Category~~:~~Drupal]~~]		'''[https://toolkit.swarthmore.edu/?path=/story/swarthmore-theme-components-feature-story-callouts Open Component Playground]'''}}

			{{StorybookComponent\|id=swarthmore-theme-components-feature-story-callouts\|height=650}}

	~~<!-- Imported from Confluence page id=175636499 (https~~:~~//swatkb.atlassian.net/wiki/spaces/DRUP/pages/175636499/Feature+Story+Callout+Component) -->~~		[[Category:Drupal]]

← Older revision		Revision as of 18:03, 10 July 2026
(6 intermediate revisions by the same user not shown)
Line 22:		Line 22:
	= Drupal User Guide =		= Drupal User Guide =

	Welcome to the Drupal 10 User Guide. Use the sections below to learn the basics of editing content, managing your website, and using Drupal components.		Welcome to the Drupal User Guide. Use the sections below to learn the basics of editing content, managing your website, and using Drupal components.

	== 1. Getting Started ==		== 1. Getting Started ==
Line 119:		Line 119:
	== 5. Navigation ==		== 5. Navigation ==

	* [[Navigation#5.~~1)_Accessing_a_Site’s_Navigation~~\|5.1 Accessing a Site's Navigation]]		* [[Navigation#5.1_Accessing_a_Site’s_Navigation\|5.1 Accessing a Site's Navigation]]
	* [[Navigation#5.~~2)_How_the_Navigation_Editor_Works~~\|5.2 How the Navigation Editor Works]]		* [[Navigation#5.2_How_the_Navigation_Editor_Works\|5.2 How the Navigation Editor Works]]
	* [[Navigation#5.~~3)_Arranging_the_Sort_Order_of_Navigation~~\|5.3 Arranging the Sort Order of Navigation]]		* [[Navigation#5.3_Arranging_the_Sort_Order_of_Navigation\|5.3 Arranging the Sort Order of Navigation]]
	* [[Navigation#5.~~4)_Adding_a_Page_to_Navigation~~\|5.4 Adding a Page to Navigation]]		* [[Navigation#5.4_Adding_a_Page_to_Navigation\|5.4 Adding a Page to Navigation]]
	* [[Navigation#5.~~5)_Editing~~/Removing_the_Navigation_Link_Name\|5.5 Editing/Removing the Navigation Link Name]]		* [[Navigation#5.5_Editing/Removing_the_Navigation_Link_Name\|5.5 Editing/Removing the Navigation Link Name]]

	== 6. Images ==		== 6. Images ==

	* [[Images#6.~~1)_Adding_a_Primary_Image~~\|6.1 Adding a Primary Image]]		* [[Images#6.1_Adding_a_Primary_Image\|6.1 Adding a Primary Image]]
	* [[Images#6.~~2)_Adding_an_Image_in_the_Body_Copy~~\|6.2 Adding an Image in the Body Copy]]		* [[Images#6.2_Adding_an_Image_in_the_Body_Copy\|6.2 Adding an Image in the Body Copy]]
	* [[Images#6.~~3)_Homepage_Images~~\|6.3 Homepage Images]]		* [[Images#6.3_Homepage_Images\|6.3 Homepage Images]]
	* [[Images#6.~~4)_Recommended_Image_Sizes~~\|6.4 Recommended Image Sizes]]		* [[Images#6.4_Recommended_Image_Sizes\|6.4 Recommended Image Sizes]]
	** [[Images#6.4.1_Recommended_Sizes_for_Header_Images\|6.4.1 Recommended Sizes for Header Images]]		** [[Images#6.4.1_Recommended_Sizes_for_Header_Images\|6.4.1 Recommended Sizes for Header Images]]
	** [[Images#6.4.2_Recommended_Sizes_for_Components\|6.4.2 Recommended Sizes for Components]]		** [[Images#6.4.2_Recommended_Sizes_for_Components\|6.4.2 Recommended Sizes for Components]]
Line 138:		Line 138:
	== 7. Documents ==		== 7. Documents ==

	* [[Documents#7.~~1)_PDFs_vs_Web_Pages~~\|7.1 PDFs vs Web Pages]]		* [[Documents#7.1_PDFs_vs_Web_Pages\|7.1 PDFs vs Web Pages]]
	* [[Documents#7.~~2)_Accessibility_Requirements~~\|7.2 Accessibility Requirements]]		* [[Documents#7.2_Accessibility_Requirements\|7.2 Accessibility Requirements]]
	* [[Documents#7.~~3)_Hosting_Options~~\|7.3 Hosting Options]]		* [[Documents#7.3_Hosting_Options\|7.3 Hosting Options]]
	* [[Documents#7.~~4)_Uploading_a_Document_to_Drupal~~\|7.4 Uploading a Document to Drupal]]		* [[Documents#7.4_Uploading_a_Document_to_Drupal\|7.4 Uploading a Document to Drupal]]
	* [[Documents#7.~~5)_Uploading_a_Document_to_Google_Drive~~\|7.5 Uploading a Document to Google Drive]]		* [[Documents#7.5_Uploading_a_Document_to_Google_Drive\|7.5 Uploading a Document to Google Drive]]

	== 8. Profiles ==		== 8. Profiles ==
Line 153:		Line 153:
	== 9. Specialized Content ==		== 9. Specialized Content ==

	* [[Specialized Content#9.~~1)_Site_Settings~~\|9.1 Site Settings]]		* [[Specialized Content#9.1_Site_Settings\|9.1 Site Settings]]
	** [[Specialized Content#9.1.~~1)_Accessing_Site_Settings~~\|9.1.1 Accessing Site Settings]]		** [[Specialized Content#9.1.1_Accessing_Site_Settings\|9.1.1 Accessing Site Settings]]

	* [[Specialized Content#9.~~2)_The_Contact_Block~~\|9.2 Contact Block]]		* [[Specialized Content#9.2_The_Contact_Block\|9.2 Contact Block]]
	** [[Specialized Content#9.2.~~1)_Using_the_built~~-in_default_contact_fields_(recommended)\|9.2.1 Built-in Contact Fields]]		** [[Specialized Content#9.2.1_Using_the_built-in_default_contact_fields_(recommended)\|9.2.1 Built-in Contact Fields]]
	** [[Specialized Content#9.2.~~2)_Using_the_deprecated_field_to_customize_your_contact_block~~\|9.2.2 Custom Contact Block]]		** [[Specialized Content#9.2.2_Using_the_deprecated_field_to_customize_your_contact_block\|9.2.2 Custom Contact Block]]
	** [[Specialized Content#9.2.~~3)_Working_with_the_Contact_and_Social_Media_~~(deprecated_field)\|9.2.3 Contact & Social Media Editor]]		** [[Specialized Content#9.2.3_Working_with_the_Contact_and_Social_Media_(deprecated_field)\|9.2.3 Contact & Social Media Editor]]

	* [[Specialized Content#9.~~3)_Shared_Site_Content~~\|9.3 Shared Site Content]]		* [[Specialized Content#9.3_Shared_Site_Content\|9.3 Shared Site Content]]
	** [[~~Specialized Content~~#9.3.~~1)_Editing_an_existing_component_in_the_Shared_Site_Content_zone.~~\|9.3.1 ~~Edit~~ Shared Site Content]]		** [[Specialized_Content#9.3.1_Editing_an_Existing_Shared_Site_Content_Component\|9.3.1 Editing an Existing Shared Site Content Component]]
	** [[~~Specialized Content~~#9.3.~~2)_Adding_a_new_component_to_the_Shared_Site_Content_zone.~~\|9.3.2 ~~Add~~ Shared Site Content]]		** [[Specialized_Content#9.3.2_Adding_a_Component_to_Shared_Site_Content\|9.3.2 Adding a Component to Shared Site Content]]
	** [[~~Specialized Content~~#9.3.~~3)_Removing_a_component_from_the_Shared_Site_Content_zone.~~\|9.3.3 ~~Remove~~ Shared Site Content]]		**[[Specialized_Content#9.3.3_Removing_a_Shared_Site_Content_Component\|9.3.3 Removing a Shared Site Content Component]]
			* [[Specialized Content#9.4_News\|9.4 News]]
	* [[Specialized Content#9.~~4)_News~~\|9.4 News]]		* [[Specialized Content#9.5_Events\|9.5 Events]]
	* [[Specialized Content#9.~~5)_Events~~\|9.5 Events]]		* [[Specialized Content#9.6_Acalog\|9.6 Acalog]]
	* [[Specialized Content#9.~~6)_Acalog~~\|9.6 Acalog]]		* [[Specialized Content#9.7_Videos\|9.7 Videos]]
	* [[Specialized Content#9.~~7)_Videos~~\|9.7 Videos]]		* [[Specialized Content#9.8_Forms\|9.8 Forms]]
	* [[Specialized Content#9.~~8)_Forms~~\|9.8 Forms]]

	== 10. Additional Resources ==		== 10. Additional Resources ==

	* [[Additional Resources#10.~~1)_Access_the_PhotoShelter_Digital_Image_Library~~\|10.1 Access the PhotoShelter Digital Image Library]]		* [[Additional Resources#10.1_Access_the_PhotoShelter_Digital_Image_Library\|10.1 Access the PhotoShelter Digital Image Library]]
	* [[Additional Resources#10.~~2)_Request_a_Photoshoot~~\|10.2 Request a Photoshoot]]		* [[Additional Resources#10.2_Request_a_Photoshoot\|10.2 Request a Photoshoot]]
	* [[Additional Resources#10.~~3)_SiteImprove_Website_Monitoring~~\|10.3 SiteImprove Website Monitoring]]		* [[Additional Resources#10.3_SiteImprove_Website_Monitoring\|10.3 SiteImprove Website Monitoring]]
	* [[Additional Resources#10.~~4)_Request_a_Website_Redesign~~\|10.4 Request a Website Redesign]]		* [[Additional Resources#10.4_Request_a_Website_Redesign\|10.4 Request a Website Redesign]]
	* [[Additional Resources#10.~~5)_Swarthmore_College_Style_Guide~~\|10.5 Swarthmore College Style Guide]]		* [[Additional Resources#10.5_Swarthmore_College_Style_Guide\|10.5 Swarthmore College Style Guide]]
	* [[Additional Resources#10.~~6)_Drupal_Support~~\|10.6 Drupal Support]]		* [[Additional Resources#10.6_Drupal_Support\|10.6 Drupal Support]]

	[[Category:Drupal]]		[[Category:Drupal]]

← Older revision		Revision as of 14:27, 10 July 2026
Line 131:		Line 131:
	* [[Images#6.3)_Homepage_Images\|6.3 Homepage Images]]		* [[Images#6.3)_Homepage_Images\|6.3 Homepage Images]]
	* [[Images#6.4)_Recommended_Image_Sizes\|6.4 Recommended Image Sizes]]		* [[Images#6.4)_Recommended_Image_Sizes\|6.4 Recommended Image Sizes]]
			** [[Images#6.4.1_Recommended_Sizes_for_Header_Images\|6.4.1 Recommended Sizes for Header Images]]
			** [[Images#6.4.2_Recommended_Sizes_for_Components\|6.4.2 Recommended Sizes for Components]]
			** [[Images#6.4.3_Recommended_Sizes_for_Profiles\|6.4.3 Recommended Sizes for Profiles]]
			** [[Images#6.4.4_Recommended_Sizes_for_News_and_Events_Pages_&_Thumbnails\|6.4.4 Recommended Sizes for News and Events Pages & Thumbnails]]

	== 7. Documents ==		== 7. Documents ==

← Older revision		Revision as of 19:18, 10 July 2026
Line 6:		Line 6:
	== Description ==		== Description ==

	~~[https://domains.swarthmore.edu/~~ Domain of One’s Own] (DoOO) is a service allows faculty and students working on academic projects for class, research, or e-portfolios to claim a free domain name (web address) and start building their own unique website.		Domain of One’s Own (DoOO) is a service allows faculty and students working on academic projects for class, research, or e-portfolios to claim a free domain name (web address) and start building their own unique website.

	Students may use Domain of One’s Own for a course, program, or academic project as long as they have a faculty or staff sponsor. The sponsor needs to confirm the project and be added to the site as a User.		Students may use Domain of One’s Own for a course, program, or academic project as long as they have a faculty or staff sponsor. The sponsor needs to confirm the project and be added to the site as a User.

	You can use such apps as WordPress, Omeka, and Scalar to create your own website. There are 3 areas our Domain of ~~one’s~~ Own initiative will focus on:		You can use such apps as WordPress, Omeka, and Scalar to create your own website. There are 3 areas our Domain of One’s Own initiative will focus on:

	* '''WEB LITERACY''':		* '''WEB LITERACY''':
Line 20:		Line 20:

	Faculty are encouraged to create a domain both for their own professional use and for the use of public course projects. Domains are not a replacement for Moodle but are rather intended to create space for faculty to:		Faculty are encouraged to create a domain both for their own professional use and for the use of public course projects. Domains are not a replacement for Moodle but are rather intended to create space for faculty to:
	* Collaborate with students on a digital course and/or research ~~projects~~		* Collaborate with students on a digital course and/or research projects.
	* Develop data visualization projects or blogs		* Develop data visualization projects or blogs.
	* Showcase your own research and teaching ~~activities~~		* Showcase your own research and teaching activities.
	* Curate your professional online presence		* Curate your professional online presence.
	* Have your students develop e-portfolios		* Have your students develop e-portfolios.
	* Design a landing page for your academic conference or event<span id="getting-started"></span>		* Design a landing page for your academic conference or event<span id="getting-started"></span>.

	== Getting Started: Submit Interest Form Request ==		== Getting Started: Submit Interest Form Request ==

	# Go to [https://domains.swarthmore.edu/ domains.swarthmore.edu]		# Go to [https://domains.swarthmore.edu/ domains.swarthmore.edu].
	# Click the '''Get Started''' Button		# Click the '''Get Started''' Button.
	# You will be redirected to login for verification. Use your Swarthmore username and password to log in.		# You will be redirected to login for verification. Use your Swarthmore username and password to log in.
	# If you don’t already have a Domain of One’s account, you’ll be prompted to fill out our interest request form. The form will prompt you to let us know more about your project. Currently, students are only able to use DoOO when it's for a class, program, or if they have a faculty/staff sponsor.		# If you don’t already have a Domain of One’s account, you’ll be prompted to fill out our interest request form. The form will prompt you to let us know more about your project. Currently, students are only able to use DoOO when it's for a class, program, or if they have a faculty/staff sponsor.