NextBestNetwork/explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor some of the filenames, and random hallucination CSS

Browse Source
This commit is contained in:
D. Rimron-Soutter
2025-10-08 13:56:27 +01:00
parent ad8e552177
commit ef6f47582c
5 changed files with 140 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/globals.css
View File

@@ -1,46 +1,3 @@
:root {
--background: #ffffff;
--foreground: #171717;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
html,
body {
max-width: 100vw;
overflow-x: hidden;
}
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
html {
color-scheme: dark;
}
}
.footnote-ref { .footnote-ref {
cursor: pointer; cursor: pointer;
color: blue; color: blue;

13
src/app/layout.tsx
View File

@@ -1,19 +1,8 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import Link from 'next/link'; import Link from 'next/link';
import "./globals.css"; import "./globals.css";
import "bootstrap/dist/css/bootstrap.min.css"; import "bootstrap/dist/css/bootstrap.min.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Spectrum Next Registers", title: "Spectrum Next Registers",
description: "A platform for exploring the Spectrum Next registers", description: "A platform for exploring the Spectrum Next registers",
@@ -26,7 +15,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable}`}> <body>
<nav className="navbar navbar-expand-lg navbar-dark bg-dark sticky-top"> <nav className="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div className="container-fluid"> <div className="container-fluid">
<Link className="navbar-brand" href="/">Next Explorer</Link> <Link className="navbar-brand" href="/">Next Explorer</Link>

278
src/app/page.module.css
View File

@@ -1,167 +1,163 @@
.page { /*.page {*/
--gray-rgb: 0, 0, 0; /* --gray-rgb: 0, 0, 0;*/
--gray-alpha-200: rgba(var(--gray-rgb), 0.08); /* --gray-alpha-200: rgba(var(--gray-rgb), 0.08);*/
--gray-alpha-100: rgba(var(--gray-rgb), 0.05); /* --gray-alpha-100: rgba(var(--gray-rgb), 0.05);*/
--button-primary-hover: #383838; /* --button-primary-hover: #383838;*/
--button-secondary-hover: #f2f2f2; /* --button-secondary-hover: #f2f2f2;*/
display: grid; /* display: grid;*/
grid-template-rows: 20px 1fr 20px; /* grid-template-rows: 20px 1fr 20px;*/
align-items: center; /* align-items: center;*/
justify-items: center; /* justify-items: center;*/
min-height: 100svh; /* min-height: 100svh;*/
padding: 80px; /* padding: 80px;*/
gap: 64px; /* gap: 64px;*/
font-family: var(--font-geist-sans); /*}*/
}
@media (prefers-color-scheme: dark) { /*@media (prefers-color-scheme: dark) {*/
.page { /* .page {*/
--gray-rgb: 255, 255, 255; /* --gray-rgb: 255, 255, 255;*/
--gray-alpha-200: rgba(var(--gray-rgb), 0.145); /* --gray-alpha-200: rgba(var(--gray-rgb), 0.145);*/
--gray-alpha-100: rgba(var(--gray-rgb), 0.06); /* --gray-alpha-100: rgba(var(--gray-rgb), 0.06);*/
--button-primary-hover: #ccc; /* --button-primary-hover: #ccc;*/
--button-secondary-hover: #1a1a1a; /* --button-secondary-hover: #1a1a1a;*/
} /* }*/
} /*}*/
.main { /*.main {*/
display: flex; /* display: flex;*/
flex-direction: column; /* flex-direction: column;*/
gap: 32px; /* gap: 32px;*/
grid-row-start: 2; /* grid-row-start: 2;*/
} /*}*/
.main ol { /*.main ol {*/
font-family: var(--font-geist-mono); /* padding-left: 0;*/
padding-left: 0; /* margin: 0;*/
margin: 0; /* font-size: 14px;*/
font-size: 14px; /* line-height: 24px;*/
line-height: 24px; /* letter-spacing: -0.01em;*/
letter-spacing: -0.01em; /* list-style-position: inside;*/
list-style-position: inside; /*}*/
}
.main li:not(:last-of-type) { /*.main li:not(:last-of-type) {*/
margin-bottom: 8px; /* margin-bottom: 8px;*/
} /*}*/
.main code { /*.main code {*/
font-family: inherit; /* font-family: inherit;*/
background: var(--gray-alpha-100); /* background: var(--gray-alpha-100);*/
padding: 2px 4px; /* padding: 2px 4px;*/
border-radius: 4px; /* border-radius: 4px;*/
font-weight: 600; /* font-weight: 600;*/
} /*}*/
.ctas { /*.ctas {*/
display: flex; /* display: flex;*/
gap: 16px; /* gap: 16px;*/
} /*}*/
.ctas a { /*.ctas a {*/
appearance: none; /* appearance: none;*/
border-radius: 128px; /* border-radius: 128px;*/
height: 48px; /* height: 48px;*/
padding: 0 20px; /* padding: 0 20px;*/
border: 1px solid transparent; /* border: 1px solid transparent;*/
transition: /* transition:*/
background 0.2s, /* background 0.2s,*/
color 0.2s, /* color 0.2s,*/
border-color 0.2s; /* border-color 0.2s;*/
cursor: pointer; /* cursor: pointer;*/
display: flex; /* display: flex;*/
align-items: center; /* align-items: center;*/
justify-content: center; /* justify-content: center;*/
font-size: 16px; /* font-size: 16px;*/
line-height: 20px; /* line-height: 20px;*/
font-weight: 500; /* font-weight: 500;*/
} /*}*/
a.primary { /*a.primary {*/
background: var(--foreground); /* gap: 8px;*/
color: var(--background); /*}*/
gap: 8px;
}
a.secondary { /*a.secondary {*/
border-color: var(--gray-alpha-200); /* border-color: var(--gray-alpha-200);*/
min-width: 158px; /* min-width: 158px;*/
} /*}*/
.footer { /*.footer {*/
grid-row-start: 3; /* grid-row-start: 3;*/
display: flex; /* display: flex;*/
gap: 24px; /* gap: 24px;*/
} /*}*/
.footer a { /*.footer a {*/
display: flex; /* display: flex;*/
align-items: center; /* align-items: center;*/
gap: 8px; /* gap: 8px;*/
} /*}*/
.footer img { /*.footer img {*/
flex-shrink: 0; /* flex-shrink: 0;*/
} /*}*/
/* Enable hover only on non-touch devices */ /*!* Enable hover only on non-touch devices *!*/
@media (hover: hover) and (pointer: fine) { /*@media (hover: hover) and (pointer: fine) {*/
a.primary:hover { /* a.primary:hover {*/
background: var(--button-primary-hover); /* background: var(--button-primary-hover);*/
border-color: transparent; /* border-color: transparent;*/
} /* }*/
a.secondary:hover { /* a.secondary:hover {*/
background: var(--button-secondary-hover); /* background: var(--button-secondary-hover);*/
border-color: transparent; /* border-color: transparent;*/
} /* }*/
.footer a:hover { /* .footer a:hover {*/
text-decoration: underline; /* text-decoration: underline;*/
text-underline-offset: 4px; /* text-underline-offset: 4px;*/
} /* }*/
} /*}*/
@media (max-width: 600px) { /*@media (max-width: 600px) {*/
.page { /* .page {*/
padding: 32px; /* padding: 32px;*/
padding-bottom: 80px; /* padding-bottom: 80px;*/
} /* }*/
.main { /* .main {*/
align-items: center; /* align-items: center;*/
} /* }*/
.main ol { /* .main ol {*/
text-align: center; /* text-align: center;*/
} /* }*/
.ctas { /* .ctas {*/
flex-direction: column; /* flex-direction: column;*/
} /* }*/
.ctas a { /* .ctas a {*/
font-size: 14px; /* font-size: 14px;*/
height: 40px; /* height: 40px;*/
padding: 0 16px; /* padding: 0 16px;*/
} /* }*/
a.secondary { /* a.secondary {*/
min-width: auto; /* min-width: auto;*/
} /* }*/
.footer { /* .footer {*/
flex-wrap: wrap; /* flex-wrap: wrap;*/
align-items: center; /* align-items: center;*/
justify-content: center; /* justify-content: center;*/
} /* }*/
} /*}*/
@media (prefers-color-scheme: dark) { /*@media (prefers-color-scheme: dark) {*/
.logo { /* .logo {*/
filter: invert(); /* filter: invert();*/
} /* }*/
} /*}*/

2
src/app/registers/[hex]/page.tsx
View File

@@ -3,7 +3,7 @@ import path from 'path';
import { notFound } from 'next/navigation'; import { notFound } from 'next/navigation';
import Link from 'next/link'; import Link from 'next/link';
import { Register, RegisterAccess } from '../../registers/types'; import { Register, RegisterAccess } from '../../registers/types';
import RegisterDetail from '../RegisterDetail'; import RegisterDetail from '@/app/registers/RegisterDetail';
import {Container, Row} from "react-bootstrap"; import {Container, Row} from "react-bootstrap";
async function parseNextReg(fileContent: string): Promise<Register[]> { async function parseNextReg(fileContent: string): Promise<Register[]> {

2
src/app/registers/page.tsx
View File

@@ -1,6 +1,6 @@
import { promises as fs } from 'fs'; import { promises as fs } from 'fs';
import path from 'path'; import path from 'path';
import RegisterBrowser from './RegisterBrowser'; import RegisterBrowser from '@/app/registers/RegisterBrowser';
import { Register, RegisterAccess } from './types'; import { Register, RegisterAccess } from './types';
/** /**