Tutorial 01 html css by braughtg · Pull Request #41 · FarmData2/Vue3-WebDev-Kit

braughtg · 2026-07-01T15:32:36Z

Type of Work

ⓘ Check the box beside the Type of Work to indicate whether this pull request is for a tutorial or an extension. If editing, place an X in the [ ] (e.g. [X] to check it.

- Tutorial
- Extension

Topic

ⓘ Check the box beside the topic to which course topic this pull request applies. If editing, place an X in the [ ] (e.g. [X] to check it.

Time Estimate

ⓘ Provide an estimate of the number of hours you spent outside of class working on the contents of this pull request.

Additional Information

ⓘ Provide any feedback you have that might help improve this assignment for future students.

github-actions · 2026-07-01T15:32:49Z

Thank you for your pull request.

Note that all new pull requests to the Vue3-WebDev-Kit are opened as draft pull requests.

Submitting Your Work

When you believe your work on the assignment is complete mark your pull request as ready for review to turn it in.

Getting Help

If you have questions as you work you can get in touch via:

comments on this pull request.
comments on the associated issue(s).
any other course communication channel(s).

braughtg · 2026-07-01T15:34:06Z

@copilot review this pull request

Copilot · 2026-07-01T15:35:30Z

@copilot review this pull request

Please check exactly one "Type of Work" and exactly one "Topic" in the pull request description. A review cannot be performed until these selections are made.

braughtg · 2026-07-01T15:37:35Z

@copilot review this pull request

Copilot · 2026-07-01T15:38:34Z

@copilot review this pull request

Here is the review of your pull request based on the Tutorial 01 - HTML and CSS review criteria:

Requirement	Status	Details / Comments
`index.html`
Descriptive title in the `<head>`	Pass	`<title>The FarmData2 Project</title>`
`<h1>` element with same/similar title	Pass	`<h1>The FarmData2 Project</h1>`
`styles/style.css` linked in `<head>`	Pass	Linked via `<link href="styles/style.css" rel="stylesheet" />`
Link to Google Font in `<head>`	Pass	Google Font "Roboto" is linked successfully
`<img>` element with descriptive alt text	Pass	Image source is `images/fd2-logo.png` with alt: `"The FarmData2 Logo showing a carrot on a mobile phone screen."`
One or more `<p>` elements below the image	Pass	Two `<p>` elements are present below the image
Unordered or ordered list with at least 3 items	Pass	Unordered list (`<ul>`) with 5 list items is present
At least one link (`<a>`) element	Pass	Link to `https://github.com/FarmData2/FarmData2` is present
`styles/style.css`
Rule with element selector for `h1`	Pass	Selector `h1` is present
Rule with element selector for `p`	Pass	Selector `p` is present (grouped as `p, li`)
Rule with element selector for `li`	Pass	Selector `li` is present (grouped as `p, li`)
Rule with element selector for `body`	Pass	Selector `body` is present
Rule with element selector for `html`	Pass	Selector `html` is present

Excellent work! All criteria have been fully met.

braughtg · 2026-07-01T15:43:40Z

@copilot review this pull request

Copilot · 2026-07-01T15:44:43Z

@copilot review this pull request

Here is the review of your pull request based on the Tutorial 01 - HTML and CSS review criteria:

Requirement	Status	Details / Comments
`index.html`
Descriptive title in the `<head>`	Pass	`<title>The FarmData2 Project</title>`
`<h1>` element with same/similar title	Pass	`<h1>The FarmData2 Project</h1>`
`styles/style.css` linked in `<head>`	Pass	Linked via `<link href="styles/style.css" rel="stylesheet" />`
Link to Google Font in `<head>`	Pass	Google Font "Roboto" is linked successfully
`<img>` element with descriptive alt text	Pass	Image source is `images/fd2-logo.png` with alt: `"The FarmData2 Logo showing a carrot on a mobile phone screen."`
One or more `<p>` elements below the image	Pass	Two `<p>` elements are present below the image
Unordered or ordered list with at least 3 items	Pass	Unordered list (`<ul>`) with 5 list items is present
At least one link (`<a>`) element	Pass	Link to `https://github.com/FarmData2/FarmData2` is present
`styles/style.css`
Rule with element selector for `h1`	Pass	Selector `h1` is present
Rule with element selector for `p`	Pass	Selector `p` is present (grouped as `p, li`)
Rule with element selector for `li`	Pass	Selector `li` is present (grouped as `p, li`)
Rule with element selector for `body`	Pass	Selector `body` is present
Rule with element selector for `html`	Pass	Selector `html` is present

Excellent work! All criteria have been fully met.

braughtg · 2026-07-01T15:46:03Z

@copilot perform a fresh review of this pull request.

Copilot · 2026-07-01T15:47:38Z

@copilot perform a fresh review of this pull request.

Here is the fresh review of your pull request based on the Tutorial 01 - HTML and CSS review criteria:

Requirement	Status	Evidence
`index.html` requirements:
A descriptive title in the head	✅	`<title>The FarmData2 Project</title>` is present in the `<head>` on line 13.
An `<h1>` element with the same or very similar title	✅	`<h1>The FarmData2 Project</h1>` is present in the body on line 16.
The `styles/style.css` file is linked in the head	✅	`<link href="styles/style.css" rel="stylesheet" />` is linked on line 6.
The head links to a font from Google Fonts	✅	A font link pointing to Google Fonts (Roboto) is linked on lines 9-12.
An `<img>` element that displays an image and has descriptive alt text	✅	`<img src="images/fd2-logo.png" alt="The FarmData2 Logo showing a carrot on a mobile phone screen." />` is present on lines 18-21.
One or more `<p>` elements below the image	✅	Two `<p>` elements are present below the image on lines 23-34.
An unordered list or ordered list element with at least 3 list items	✅	A `<ul>` element with 5 list items (`<li>`) is present on lines 35-41.
At least one link (`<a>`) element	✅	`<a href="https://github.com/FarmData2/FarmData2">` is present on line 24.
`styles/style.css` requirements:
Rule with element selector for `h1`	✅	Selector `h1` is present on line 9.
Rule with element selector for `p`	✅	Selector `p` is present on line 18 (grouped as `p, li`).
Rule with element selector for `li`	✅	Selector `li` is present on line 19 (grouped as `p, li`).
Rule with element selector for `body`	✅	Selector `body` is present on line 25.
Rule with element selector for `html`	✅	Selector `html` is present on line 1.

All criteria have been successfully verified and met!

braughtg added 13 commits June 29, 2026 18:43

Starting tutorial 01

d62e16f

adds FarmData2 logo

b31b371

adds title and paragraph

85654a8

adds unordered list of features

410970f

adds a link to the FarmData2 repo on GitHub

45582d5

adds missing heading and changes title

48b8928

adds css style sheet to index.html

57e6e67

added a different font to the page

3719341

adds background color and styles body

c54f1fb

styles the heading

8d7bf79

centers the FarmData2 logo

e83b2a5

Merge branch 'main' into tutorial-01-html-css

bc7e506

Merge branch 'main' into tutorial-01-html-css

dbdcba1

github-actions Bot marked this pull request as draft July 1, 2026 15:32

Merge branch 'main' into tutorial-01-html-css

1cbff31

Copilot started work on behalf of braughtg July 1, 2026 15:34 View session

Copilot finished work on behalf of braughtg July 1, 2026 15:35

Copilot started work on behalf of braughtg July 1, 2026 15:37 View session

Copilot finished work on behalf of braughtg July 1, 2026 15:38

Copilot started work on behalf of braughtg July 1, 2026 15:44 View session

Merge branch 'main' into tutorial-01-html-css

8baabad

Copilot finished work on behalf of braughtg July 1, 2026 15:45

Copilot started work on behalf of braughtg July 1, 2026 15:46 View session

Copilot finished work on behalf of braughtg July 1, 2026 15:47

braughtg closed this Jul 1, 2026

braughtg deleted the tutorial-01-html-css branch July 9, 2026 15:38

Navigation Menu

Uh oh!

Tutorial 01 html css - #41

Tutorial 01 html css#41
braughtg wants to merge 15 commits into
mainfrom
tutorial-01-html-css

braughtg commented Jul 1, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

braughtg commented Jul 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Type of Work

Topic

Time Estimate

Additional Information

Uh oh!

github-actions Bot commented Jul 1, 2026

Submitting Your Work

Getting Help

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

braughtg commented Jul 1, 2026

Uh oh!

Copilot AI commented Jul 1, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

braughtg commented Jul 1, 2026 •

edited

Loading