generated from nhcarrigan/template
feat: new site (#1)
### Explanation _No response_ ### Issue _No response_ ### Attestations - [ ] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/) - [ ] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/). - [ ] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/). ### Dependencies - [ ] I have pinned the dependencies to a specific patch version. ### Style - [ ] I have run the linter and resolved any errors. - [ ] My pull request uses an appropriate title, matching the conventional commit standards. - [ ] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request. ### Tests - [ ] My contribution adds new code, and I have added tests to cover it. - [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes. - [ ] All new and existing tests pass locally with my changes. - [ ] Code coverage remains at or above the configured threshold. ### Documentation _No response_ ### Versioning _No response_ Reviewed-on: #1 Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com> Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
This commit was merged in pull request #1.
This commit is contained in:
@@ -0,0 +1,10 @@
|
||||
footer {
|
||||
background-color: var(--color-secondary);
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 300px) {
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
<footer class="w-full fixed bottom-0 z-30 p-2 flex justify-around items-center">
|
||||
<div>
|
||||
<a href="https://nhcarrigan.com" target="_blank"><p>© 2025 NHCarrigan</p></a>
|
||||
</div>
|
||||
<div class="hide">
|
||||
<a href="https://chat.nhcarrigan.com" target="_blank"><p>Discord</p></a>
|
||||
</div>
|
||||
<div class="hide">
|
||||
<a href="https://contact.nhcarrigan.com" target="_blank"><p>Contact</p></a>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,72 @@
|
||||
/**
|
||||
* @copyright NHCarrigan
|
||||
* @license Naomi's Public License
|
||||
* @author Naomi Carrigan
|
||||
*/
|
||||
import { type ComponentFixture, TestBed } from "@angular/core/testing";
|
||||
import { describe, beforeEach, it, expect } from "vitest";
|
||||
import { Footer } from "./footer";
|
||||
|
||||
describe("footer", () => {
|
||||
let component: Footer;
|
||||
let fixture: ComponentFixture<Footer>;
|
||||
|
||||
beforeEach(async() => {
|
||||
await TestBed.configureTestingModule({
|
||||
imports: [ Footer ],
|
||||
}).
|
||||
compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(Footer);
|
||||
component = fixture.componentInstance;
|
||||
await fixture.whenStable();
|
||||
});
|
||||
|
||||
it("should create", () => {
|
||||
expect.assertions(1);
|
||||
expect(component, "did not compile").toBeTruthy();
|
||||
});
|
||||
|
||||
it("should render footer element", () => {
|
||||
expect.assertions(1);
|
||||
fixture.detectChanges();
|
||||
const compiled = fixture.nativeElement as HTMLElement;
|
||||
const footer = compiled.querySelector("footer");
|
||||
expect(footer, "should render footer element").toBeTruthy();
|
||||
});
|
||||
|
||||
it("should render copyright link", () => {
|
||||
expect.assertions(2);
|
||||
fixture.detectChanges();
|
||||
const compiled = fixture.nativeElement as HTMLElement;
|
||||
const copyrightLink = compiled.querySelector(`a[href="https://nhcarrigan.com"]`);
|
||||
expect(copyrightLink, "should render copyright link").toBeTruthy();
|
||||
expect(copyrightLink?.textContent, "should contain copyright text").
|
||||
toContain("© 2025 NHCarrigan");
|
||||
});
|
||||
|
||||
it("should render Discord link", () => {
|
||||
expect.assertions(1);
|
||||
fixture.detectChanges();
|
||||
const compiled = fixture.nativeElement as HTMLElement;
|
||||
const discordLink = compiled.querySelector(`a[href="https://chat.nhcarrigan.com"]`);
|
||||
expect(discordLink, "should render Discord link").toBeTruthy();
|
||||
});
|
||||
|
||||
it("should render Contact link", () => {
|
||||
expect.assertions(1);
|
||||
fixture.detectChanges();
|
||||
const compiled = fixture.nativeElement as HTMLElement;
|
||||
const contactLink = compiled.querySelector(`a[href="https://contact.nhcarrigan.com"]`);
|
||||
expect(contactLink, "should render Contact link").toBeTruthy();
|
||||
});
|
||||
|
||||
it("should have proper footer classes", () => {
|
||||
expect.assertions(1);
|
||||
fixture.detectChanges();
|
||||
const compiled = fixture.nativeElement as HTMLElement;
|
||||
const footer = compiled.querySelector("footer");
|
||||
expect(footer?.classList.contains("fixed"),
|
||||
"should have fixed positioning").toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @copyright NHCarrigan
|
||||
* @license Naomi's Public License
|
||||
* @author Naomi Carrigan
|
||||
*/
|
||||
import { Component } from "@angular/core";
|
||||
|
||||
/**
|
||||
* Renders the footer.
|
||||
*/
|
||||
@Component({
|
||||
imports: [],
|
||||
selector: "app-footer",
|
||||
styleUrl: "./footer.css",
|
||||
templateUrl: "./footer.html",
|
||||
})
|
||||
export class Footer {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user