Skip to content
Merged

Dev #12

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions main/Bookmark_Topper.html
Original file line number Diff line number Diff line change
Expand Up @@ -58,10 +58,10 @@ <h4>3.0</h4>
</ol>
</section>
</main>
<aside>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
Comment on lines +61 to +65

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</address>

</body>
</html>
4 changes: 2 additions & 2 deletions main/Link_Controller.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,10 +39,10 @@ <h4>Manual Extension Package Installation</h4>
</section>
</section>
</main>
<aside>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
Comment on lines +42 to +46

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</address>

</body>
</html>
4 changes: 2 additions & 2 deletions main/Memory_Monitor.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,10 +38,10 @@ <h4>Manual Extension Package Installation</h4>
</section>
</section>
</main>
<aside>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
Comment on lines +41 to +45

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</address>

</body>
</html>
4 changes: 2 additions & 2 deletions main/Navigation_Confirmation.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,10 +39,10 @@ <h4>Manual Extension Package Installation</h4>
</section>
</section>
</main>
<aside>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
Comment on lines +42 to +46

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</address>

</body>
</html>
4 changes: 2 additions & 2 deletions main/Processor_Monitor.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,10 +38,10 @@ <h4>Manual Extension Package Installation</h4>
</section>
</section>
</main>
<aside>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
Comment on lines +41 to +45

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</address>

</body>
</html>
4 changes: 2 additions & 2 deletions main/Single_Tab_Zoom.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,10 +39,10 @@ <h4>Manual Extension Package Installation</h4>
</section>
</section>
</main>
<aside>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
Comment on lines +42 to +46

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</aside>
</address>
<address>
If you are experiencing a problem and would like help, you can ask on
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.
</address>

</body>
</html>
5 changes: 2 additions & 3 deletions main/Support.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="support.css">
<link rel="icon" href="images/avatar_32.jpg">
<title>Support - Daniel Herr Software</title>
</head>
Expand All @@ -14,10 +13,10 @@ <h1>
</h1>
<h2>Support</h2>
</header>
<main>
<address>
<p>If you are experiencing a problem and would like help, would like to request a feature, or just ask something, you can use
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.</p>
</main>
</address>
Comment on lines +16 to +20

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information. This is semantically correct. However, ensure that the styling of the <address> element is appropriate for this context.

Suggested change
<address>
<p>If you are experiencing a problem and would like help, would like to request a feature, or just ask something, you can use
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.</p>
</main>
</address>
<address>
<p>If you are experiencing a problem and would like help, would like to request a feature, or just ask something, you can use
<a href="https://www.reddit.com/r/Daniel_Herr_Software">Reddit</a>
or <a href="https://groups.google.com/g/daniel_herr_software">Google Groups</a>.</p>
</address>

</body>
</html>
2 changes: 1 addition & 1 deletion main/details.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,6 @@ ul {
list-style-type: disc;
padding-left: 16px;
}
aside {
address {
margin-top: 2em;
}
21 changes: 21 additions & 0 deletions main/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
h3 {
font-size: 1.2em;
}
img {
vertical-align: bottom;
}
address {
display: flex;
flex-wrap: wrap;
gap: 1em;
}
address h2 {
width: 100%;
margin-bottom: 0;
}
address a {
font-size: 1.2em;
}
address img, address picture {
vertical-align: middle;
}
42 changes: 38 additions & 4 deletions main/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,15 @@
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="index.css">
<link rel="icon" href="images/avatar_32.jpg">
<title>Daniel Herr Software</title>
</head>
<body>
<header>
<h1>Daniel Herr Software</h1>
</header>
<section>
<main>
<h2>Web Extensions</h2>
<section>
<h3>
Expand Down Expand Up @@ -66,8 +67,41 @@ <h3>
</h3>
<p>Applies zooming to the current tab instead of the entire site.</p>
</section>
</section>
<h3><a href="Support">Support</a></h3>
<h3><a href="https://github.com/DanielHerr">GitHub</a></h3>
</main>
<address>
<h2>Profiles and Contact</h2>
<a href="Support">Support</a>
<a href="https://github.com/DanielHerr">
<picture>
<source srcset="https://github.githubassets.com/favicons/favicon.svg" type="image/svg+xml">
<img src="https://github.githubassets.com/favicons/favicon.png" width="16" height="16">
</picture>
GitHub
</a>
<a href="https://www.reddit.com/r/Daniel_Herr_Software/">
<img src="https://www.redditstatic.com/desktop2x/img/favicon/favicon-32x32.png" width="16" height="16">
Reddit
</a>
<a href="https://groups.google.com/g/daniel_herr_software">
<img src="https://www.gstatic.com/images/branding/product/1x/groups_32dp.png" width="16" height="16">
Google Groups
</a>
<a href="https://www.youtube.com/@DanielHerrSoftware">
<img src="https://www.youtube.com/favicon.ico" width="16" height="16">
YouTube
</a>
<a href="https://www.linkedin.com/in/daniel-herr">
<img src="https://www.linkedin.com/favicon.ico" width="16" height="16">
LinkedIn
</a>
<a href="https://x.com/Daniel_Herr_SW">
<img src="https://x.com/favicon.ico" width="16" height="16">
X (Twitter)
</a>
<a href="https://stackoverflow.com/users/3591628/daniel-herr">
<img src="https://stackoverflow.com/favicon.ico" width="16" height="16">
Stack Overflow
</a>
</address>
Comment on lines +71 to +105

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The <address> element is used here to contain contact information and profiles. This is semantically correct. The addition of social media links is a good way to provide more ways for users to contact you. Ensure that the styling of the <address> element is appropriate for this context.

    <address>
      <h2>Profiles and Contact</h2>
      <a href="Support">Support</a>
      <a href="https://github.com/DanielHerr">
        <picture>
          <source srcset="https://github.githubassets.com/favicons/favicon.svg" type="image/svg+xml">
          <img src="https://github.githubassets.com/favicons/favicon.png" width="16" height="16">
        </picture>
        GitHub
      </a>
      <a href="https://www.reddit.com/r/Daniel_Herr_Software/">
        <img src="https://www.redditstatic.com/desktop2x/img/favicon/favicon-32x32.png" width="16" height="16">
        Reddit
      </a>
      <a href="https://groups.google.com/g/daniel_herr_software">
        <img src="https://www.gstatic.com/images/branding/product/1x/groups_32dp.png" width="16" height="16">
        Google Groups
      </a>
      <a href="https://www.youtube.com/@DanielHerrSoftware">
        <img src="https://www.youtube.com/favicon.ico" width="16" height="16">
        YouTube
      </a>
      <a href="https://www.linkedin.com/in/daniel-herr">
        <img src="https://www.linkedin.com/favicon.ico" width="16" height="16">
        LinkedIn
      </a>
      <a href="https://x.com/Daniel_Herr_SW">
        <img src="https://x.com/favicon.ico" width="16" height="16">
        X (Twitter)
      </a>
      <a href="https://stackoverflow.com/users/3591628/daniel-herr">
        <img src="https://stackoverflow.com/favicon.ico" width="16" height="16">
        Stack Overflow
      </a>
    </address>

</body>
</html>
7 changes: 6 additions & 1 deletion main/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,14 @@ html {
}
body {
font-family: sans-serif;
width: fit-content;
width: min-content;
max-width: 100%;
margin: auto;
}
header, main {
width: max-content;
max-width: 100%;
}
h1 {
margin-top: 0;
}
6 changes: 0 additions & 6 deletions main/support.css

This file was deleted.