vania-janet/multiturn-rag-retrieval-data huggingface dataset:
UI kit


UI kit

Skip to Main Content

CA.gov

Official website of the
          State of California
        

Web template v6.3.1

State of California
Web Template

Menu

Custom Google Search

Submit

Close

        Template updates
      

        Get started
      

Structure

        Visual design
      

              Color
            

              Icons
            

              Typography
            

              UI kit
            

Components

Patterns

Home

Visual design
UI kit

Side navigation

Visual design

Colors
Icons
Typography
UI kit

UI kit

Get the UI kit

            We provide a UI kit in Figma so you can prototype your department website or projects. Our kit has a library of elements that are ready to go when you need them. You save time because you donât have to build or scour the internet for items. This helps you:
          

Quickly and easily use existing components, typography, and colors for your project
Review and receive approval for a design/concept
Communicate expectations with your developer
QA/validate after something is developed

State Web Template Figma UI kit

Getting started

      In a few minutes, you can start prototyping. Here are a couple of tasks you need to do first.
    

Create an account: To use Figma, you have to have an account. You can create a free account or your department can purchase a paid account. 
Log into Figma: You can either use Figma in your browser or you can download a desktop version.
Download UI kit:  Get the UI kit from Figma.  Review the different pages in the kit.

Figma allows everyone to have a free account (limited options but youâre still able to use the UI kit and prototype). There are also team and enterprise accounts. Check with your department about using Figma.
The UI kit provides more detail on how to use the kit.
Starter site prototype

      In the kit, we also provide a starter site. It has all the basic items a department usually needs to create a website. Page templates include:
    

Homepage
Contact us
About us
2 landing page templates
Careers
Newsroom

… and more!

          State Web Template
        

          About this website

          Contact us regarding this website

          Give feedback regarding this website

          Accessibility compliance for this website

          Related websites
        

          State Web Standards
        

          California Design System
        

          State Web Template GitHub
        

          Resources
        

          Principles
        

          Content style guide
        

          Web accessibility toolkit
        

CA.gov

Conditions of use

Privacy policy

            Website accessibility certification
          

Sitemap

GitHub

      ©
      

      State of California
    

Back to top
NASA
<h2 class="font-weight-extralight line-height-sm margin-top-0 section-heading-sm"><span class="section-heading-sm">We have people in our branch that will write the code to run it on the space station automatically. We develop that code, then we work with Marshall’s Quality Department to test it.</span></h2>
	</div>
	<div class="display-flex">
	<div class="blockquote-image hds-cover-wrapper margin-right-3"><figure class="hds-media-background "><img loading="lazy" decoding="async" width="150" height="150" src="https://www.nasa.gov/wp-content/uploads/2023/12/cropped-nasa-insignia-rgb-2023.png?w=150&amp;h=150&amp;crop=1" class="attachment-thumbnail size-thumbnail" alt="John Luke Bili" style="transform: scale(1); transform-origin: 50% 50%; object
Accessibility | CAWeb
Reduce transparency: Replace the transparent effect used on some backgrounds in OS X with a darker background, to improve contrast and readability.
Display contrast: Increase the screen contrast.
Cursor size: Increase the size of the pointer.

To quickly set some display options, press Option-Command-F5.
You can enable keyboard shortcuts for inverting colors and changing the contrast in the Accessibility section of the Shortcuts pane of Keyboard preferences. To open the pane, choose Apple menu > System Preferences, select Keyboard, then select Shortcuts.
FONTSThe fonts used on this site are a default size, which allows you to make adjustments according to your preference. The following is the easiest way to change the font size for some common web browsers.
Internet ExplorerSelect the “View” menu. Highlight “Text Size”. Default setting will be medium. By changing the settings between largest and smallest; the text displayed on the page will be modified.
FirefoxSelect the “Tools” menu. Select “Options”. Select the “Content” tab. Change the “Default Font” and “Size” values (for more advanced options, select “Advanced” next to the “Size” value). Select the “OK” box, and the fonts should change on the browser.
Google ChromeChange text, image, and video sizes (zoom)
You can adjust the size of everything on the webpages you visit, including text, images, and videos.

Select the Chrome menu (burger menu) on the browser toolbar
Select “Settings.”
Select “Show advanced settings.”
In the “web Content” section, use the “Page zoom” drop-down menu to adjust the zoom.

How to set zoom on your current pageUse the zoom options in the Chrome menu to make everything on a webpage larger or smaller.

Select the Chrome menu (burger menu) on the browser toolbar.
Find the “Zoom” section in the menu and choose one of the following options: 1.Select the plus sign (+) to make everything on the page larger.
Making Maps Accessible in PDF Documents | U.S. Department of the Interior
But there’s no way to disassociate the alt text from the image. This kind of comes back to what I was saying at the beginning, is if you already have all that information in the text of the document, then the alt text you might want to put on that map or that image is see the information preceding the image or following the image or whatever. Sometimes, I have documents where I just artifact the image because it’s a visual representative of all the text that was just given me, and I don’t need it. It’s useless. And remember, when you artifact something, it doesn’t disappear from the document. It’s not touching the document. It’s only touching that thing called the tag tree where we have the structural information. Oh, question. I finally suckered somebody in the room to ask a question.>> Hi, Daron here. So I run the web for DOI, and understanding - I’ve been to one of your trainings down at the DHS. But the majority of the issues I have with maps are my users, my authors placing those maps as images opposed to in PDFs. Generally, we don’t go into their PDFs, and they’re responsible for making sure the PDFs are 508 compliant. So what I took from you is that I should highlight the specific part of that map, what the author wants the users or the audience to know, and that’s what they’ll place in the alt text?>> Correct, yes. So when you have a map that is a total image, all you can do is figure out what’s the most important thing about this? What is the author trying to convey with this map, and then put that in the alt text, exactly.>> Okay. And I often have those same images that would have like we talked about the legend. You talked about the legend.
Why web components | California Design System
We learn a lot from other modular design systems like:The U.S. Web Design SystemOther systems also built with web components, like Adobeâs SpectrumSystems with fantastic documentation for new contributors, likeÂ ClarityComponents encapsulate codeThe code for each widget is within the custom element class. Our component patterns with local variables protect us from accidentally influencing global variables. The custom element API provides a clear interface for interacting with the rest of the application. It receives events responding to instantiation, removal, and attribute updates.When we use web componentsWe only need web components when we need JavaScript. We do not always need JavaScript. If HTML and CSS provide the desired features, thatâs all a component uses.Progressive enhancementWe cannot dependÂ on every device supporting our web components, even if they work in the latest version of all browsers. Older devices get locked out of update cycles. Some people avoid freely available software updates.Critical components should work even if the JavaScript fails. We recently refactored our accordions. Now they use <details> and <summary> elements. This lets people read the content, even if the JavaScript fails to execute. This failure state eliminates the extra styling or open/close animations.If a component is not critical to a siteâs mission, we skip progressive enhancement. We have not made the page feedback component progressively enhanced because it's not why people visit the page. That element is only visible when the visitorâs browser successfully executes its code. We also use <script type=module>, which is ignored by browsers that do not support ES6 components. In these cases, the network request is not even made. This stops the JavaScript from slowing down the basic experience.Features of web components we useWeb components help limit development to the local scope of the custom element. There are good lifecycle tools for building up and tearing down JavaScript features. In other words, no waiting for "DOMContentLoaded" or any other old hacks.We use plain custom elements.
How Do I... | San Bruno, CA
How Do I... | San Bruno, CA

 

Skip to Main Content

Create a Website Account - Manage notification subscriptions, save form progress and more.   

Website Sign In

 

Search

 
 
 

Our CityResidentsBusinessServicesDepartmentsHow Do I...

 

 

 

 

 

 

 

 
HomeHow Do I...



How Do I...	

9
2
3
3

Apply For

Adopt A Park (PDF) 

Building / Planning Permit 

Business License 

Cable TV & Internet Service 

City Jobs 

Encroachment Permit 

Library Card 

Tree Permit 

Water & Waste Water Service 

 

Contact Us

Report an Issue: San Bruno Responds 

San Bruno City Directory 

Social Media Center 

Subscribe to San Bruno 

 

Find/View

Budget & Financial Reports 

Building Requirements 

City Calendar 

City Municipal Code 

Current Job Openings 

Directions to Us 

Employee Benefits (PDF) 

Employee Memorandums of Understanding (MOUs) 

My SanBrunoCable Email 

Official City Holidays (PDF) 

Online GIS Maps 

Past Council Meetings 

Prescription Medication Drop-Off 

San Bruno Garage Sale Postings 

SB 272 San Bruno 2021 (PDF) 

Street Sweeping Schedule 

Zoning Classification 

 

Learn About

50 Plus Senior Center Programming 

Affordable Housing in San Bruno 

Car Seat Service 

CERT Training 

CPR Classes 

Current City Projects 

Emergency Preparedness 

Events 

FEMA Flood Maps 

Fire Station Tours 

Planning Approval Process 

Recreation Programming 

Sister City Narita Japan 

Smoke Alarm Program 

Starting a Business 

Water Conservation 

 

Pay

Library Fines 

My CityNet Services Bill 

My Parking Ticket 

My Utility Bill 

Payment Center 

 

Register

Indoor Facility Rental 

Picnic Rentals 

Recreation Classes 

 

Report

Burning on a Non-Burn Day 

Cable TV or Internet Outage 

Report an Issue to San Bruno Responds 

Sewer Overflow / Backup 

Traffic & Parking Issues (PDF) 

Water Issues 

Website Feedback 

 

Request

Employment Application Status 

Message on CityNet Services Channel 1
FAQs • Danville, CA • CivicEngage
Fees will be determined after the application is initially reviewed and collected before permit issuance. For a range of fees based on application type, please view our Master Fee Schedule. 

5.
How do I request an inspection on an issued building permit?

How to Schedule an Inspection:Please  click here to see Brochure for instructions on how to schedule an inspection by phone using the Town’s Interactive Voice Response System.Or please visit our Online Permit Center (or Citizen Access Portal) to schedule an Inspection.  Please note you will need to create an account if you choose to schedule an inspection using our online system.After you scheduled an inspection:The estimated window time frame for your requested inspection is posted on our online portal the morning of your inspection date.  

6.
What is the process for submitting a project through online portal?

To apply for a permit through online portal please visit www.danville.ca.gov/CSSSee the Town’s Instructions for registering an account and apply for a permit. An account is required to apply for a permit through online portal. For FAQs, see Online Portal FAQs. 

7.
What are the current Building Codes and Design Criteria?

Current Building Codes & Design Criteria (PDF) 

8.
What outside agencies must I consider getting approvals or permits from and how do I contact them?

Outside Agency Checklist (PDF) 

9.
What is required to address special inspection requirements on building permits per Chapter 17 of the California Building Code?

Please see link to the Town’s Special Inspection and Observation Program Form. This is required to submit to the Town prior to the first inspection.For more information please also see: OPTIONS FOR QUALIFYING SPECIAL INSPECTION AND TESTING COMPANIES (PDF). 

10.
What are the allowed hours for construction?

7:30AM-7:00PM M-F, 9:00AM-7:00PM Sat-Sun & Holidays.  Projects that have gone through a discretionary review process may further restrict construction hours for the project. 

11.
What do I use to submit my C&D Waste Management Report?

Town of Danville Construction & Demolition Waste Diversion Central 

12.
How do I contact the Contractor’s License Board?
Making Maps Accessible in PDF Documents | U.S. Department of the Interior
I want to figure out what that’s going to be. Now, some products, when you’re putting alt text on them, there’s a limit. There’s an upper limit, like 256 characters or 512 characters. So you can do more in Acrobat than you can in some other products. I’ve been speaking nonstop for three days, so I’m losing my voice. Okay, so now we’ve got the Kirtland Warbler map. Let’s move down to one that is a little bit more complex, the Catahoula - and I probably completely pronounced that wrong. But the Catahoula National Wildlife Refuge. I’m going to make this a little bit smaller so that we can get most of this map on here. Now, if we go back over to our tag tree and we find our figure for the map, which that isn’t it. Those of you who do this fairly regularly and are working in Acrobat, you may notice down at the very bottom there, there’s a pink outline on the no hunting zone icon. It’s kind of hard to see where it’s positioned. Up until Tuesday, that was a blue border. The blue border was really hard to see when you had a black border or an image or a map, and so I changed it to this kind of bright fuchsia pink that shows up pretty much on everything except maybe pink. All right, so let’s find our figure. Sorry about that. I thought I had it set sooner. Oh, there it is. All right, so we can see sort of the pink border that goes around that. The blue would not have shown as well. So what I know from that, because there’s a border and having looked at - this is going to be a problem. Can I get a handheld mic? I think there’s one over here. Oh, there’s not. Can I get a handheld? Sorry about that. Yeah, he’s got it. Sorry for the confusion.
Accessibility

To specify how fonts in different parts of the browser and webpages are displayed, go to Settings > Preferences > Advanced > Fonts and select an item in the list, and select “Choose”.

	Note: You may have to enable “My fonts and colors” in Author mode or User mode to make font changes for webpage elements work.

Font size
 
 
 
 
 
 
 
 

	If text appears too small on certain pages, increase the minimum font size to ensure readability.

Font color
 
 
 
 
 
 
 
 

	Not all webpages clearly specify styling for all page elements. Use this preference setting to choose which colors to use, and whether links should be underlined in such cases.

Webpage fonts
 
 
 
 
 
 
 
 

	Not all webpages clearly specify styling for all page elements. To choose which fonts to use in these cases, go to Settings > Preferences > webpages.

Safari
 
 
 
 
 
 
 
 

	Zoom in on webpages
 
 
 
 
 
 
 
 
	

	You can make text and images larger so they’re easier to view.

	Make the webpage content larger: Choose View > Zoom In, press the Command Key (⌘) – Plus Sign (+), or pinch open on your trackpad. To make only text larger, choose View > Zoom Text Only before you zoom in.
 
 
 
 
 
 
 
 
	

	To set a minimum font size for webpages: Choose Safari > Preferences, select Advanced, then select “Never use font sizes smaller than.” Select the pop-up menu and choose the minimum font size you want.
 
 
 
 
 
 
 
 
	

	Expand to full-screen view: Select the green full-screen button (green dot) in the top-left corner of the browser window, or press Control-Command Key (⌘)-F. To return to standard view, move the pointer to the top-left corner of the screen, then click the green full-screen button again, or press Control-Command Key (⌘)-F.
 
 
 
 
 
 
 
 
	

Keyboard Shortcuts
 
 
 
 
 
 
 
 

	Internet Explorer keyboard shortcuts
 
 
 
 
 
 
 
 
	

	Firefox keyboard shortcuts
 
 
 
 
 
 
 
 
	

	Chrome keyboard shortcuts
 
 
 
 
 
 
 
 
	

	Safari keyboard shortcuts
 
 
 
 
 
 
 
 
	

Back to Top 
 Accessibility 
 Accessibility Certification 
 Conditions of Use 
 Contact Us 
 Get Free Reader 
 Notice on Collection 
 Privacy Policy 
 

Copyright © 2024 State of California
Tips for Using Adobe PDF Files

(Note: if you are using a Mac instead of a PC, choose "download to disk") The "Save As" window will appear. Note: It may take the "Save As" window awhile to appear if you are downloading a large PDF file or are using dial-up Internet access.
In the "Save In" box at the top, select a location to save the file on your computer that will be easy for you to remember. Your desktop or My Documents are the two most common locations. Click on "Save".
The PDF file will now download to your computer. After the download process is finished, navigate to the location where you saved the file and double click on it to open it. You should be able to open and print the file from this location without any problem.

Microsoft Excel File Format
The Microsoft Excel format (.xls) is the file format to use to download data for data calculations. You must have Microsoft Excel or the free installed Microsoft Excel Viewer on your computer before you download data. The Microsoft Excel Viewer offers the limited ability to manipulate data, and can be downloaded from the Microsoft website.

Contact Us
For additional assistance viewing forms and documents Contact CDSS.

Back to Top 
 Accessibility 
 Accessibility Certification 
 Conditions of Use 
 Contact Us 
 Get Free Reader 
 Notice on Collection 
 Privacy Policy 
 

Copyright © 2024 State of California
Scientific Collecting Permits

If no contact person is listed in your Legacy SCP, send the MWR and any other required reports to SCPermits@wildlife.ca.gov.
For SCPs issued in the Online SCP Portal: please upload reports into “Section 1b – Reporting Requirements” of your approved permit, and submit the reports to the CDFW contact(s) named in the reporting conditions of your Specific Use SCP or General Use SCP.

SCP Fees
You may submit your SCP payment online or by mail. Fee payments submitted online through the CDFW Automated License Data System (ALDS), also referred to as the Online License Sales and Services portal, are generally processed within two business days and are subject to a 5% nonrefundable license agent handling fee. Payments submitted by mail may take up to 15 business days to process and are not subject to the 5% agent handling fee.
IMPORTANT! Do not submit your payment until you receive an email from the SCP portal verifying the amount you owe. The email you are provided will include the exact name of the item you should select and the amount to submit when making your payment. Incorrect payments will delay the processing of your application. Please see the colored diagram below to confirm you are selecting the correct item before finalizing your transaction online.

Reviews of SCP applications continues as usual as Department staff work remotely; the best way to contact us is by email at SCPermits@wildlife.ca.gov.
Payment Options

Online License Sales and Services: Online purchases may only be made with a credit or debit card displaying a Visa or Mastercard logo. You may only pay AFTER submission of a completed SCP application in the SCP Portal, AND receipt of an email confirmation with instructions on how to pay. Online payments generally take 1-2 business days to clear before an application is routed for review.
By mail: Please include your credit card information or check or money order payable to California Department of Fish and Wildlife (CDFW). Mail to the CDFW, Attn: License and Revenue Branch, P.O. Box 944209, Sacramento, CA 94244-2090.
Making Maps Accessible in PDF Documents | U.S. Department of the Interior
So it really just depends on what you want to do with that map. In many people’s worlds who are working in PDF, you don’t have the ability to actually go from the source document. You’re just given the final thing, so you have to deal with what you have. If you can go to the source document, then sure. Get it set up in the way that will give you the information you need in order to be able to make that map as accessible as possible. So one other thing I want to say, I want to mention, just because Jesse had said that he could answer most of those questions - probably all of them, because he took my two-day training. The Department of the Interior as an agency, in my experience, has more experienced people and trained people in doing PDF accessibility than probably any other agency in the government.>> Yay.>> There are many agencies that have lots of trained people, but I’ve been working with Sid and Keon and other people in the Department of the Interior for the last two and a half years, and I look out in the audience and I recognize lots of faces. So I know - I can make everybody raise their hand, yes, I’m an expert. So you have a lot of resources within. You are also the only department that I know of that has the trainings recorded and available for you to watch. So leverage your people, okay? Okay, any questions in the room? So I either totally nailed it or totally baffled you. All right, then. Well, so - oh, one more in Jesse there?>> Yeah, can the map caption be presented to the assistive technology before the map image, as it seems that much of the alt tag is repeating the caption?>> So that’s a great question that really comes into alt tags for any image. The rule of thumb that I go by is if the alt text that you would put on an image mirrors exactly the caption, the information in the caption, then I’m going to artifact that image, and it will just read the caption. Typically, at least - and it kind of depends on how you create your captions.