Transfer to git

This commit is contained in:
2026-02-03 19:37:38 -03:00
commit 35d8517e56
137 changed files with 5817 additions and 0 deletions

View File

@@ -0,0 +1,3 @@
.specs {
width: fit-content;
}

View File

@@ -0,0 +1,122 @@
body, html {
box-sizing: border-box;
}
* {
font-size: inherit;
font-family: inherit;
box-sizing: inherit;
}
body {
font-family: monospace;
display: flex;
align-items: center;
justify-content: center;
}
.panel {
display: flex;
align-items: center;
height: fit-content;
}
.panel > div {
text-align: center;
}
.calculator {
flex-shrink: 0;
flex-grow: 1;
width: auto;
height: auto;
justify-content: center;
}
.calculator > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px;
}
.buttons {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: right;
align-items: stretch;
max-width: calc((70px * 4) + ( 5 * (4px * 2) ) );
}
button {
border: 0;
margin: 5px;
height: 70px;
width: 70px;
background-color:rgb(253, 247, 203);
transition: 0.05s background-color ease-in;
}
button:active {
background-color:rgb(194, 186, 124);
}
#equal {
flex-grow: 1;
}
.viewing {
border-top: 0;
border-left: 0;
border-right: 0;
display: flex;
align-items: center;
background-color:rgb(253, 247, 203);
width: calc((70px * 4) + ( 2 * (15px) ));
height: 3em;
margin-bottom: 20px;
}
.viewing > #output {
padding: 0.5em;
font-size: 40px;
text-align: right;
text-overflow: clip;
overflow-y: auto;
width: 100%;
}
.calctitle {
color: rgb(43, 43, 43);
font-size: 40px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.middle {
gap: 1em;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-grow: 1;
}
.info {
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: justify;
width: 100%;
flex-basis: 30%;
flex-shrink: 0;
flex-grow: 200;
}
.title {
text-align: center;
margin:1rem;
}

View File

@@ -0,0 +1,69 @@
/* Styling */
[type="text"] {
background-color:rgb(253, 247, 203);
width: 100%;
}
.inputs, .history, [type="text"], [type="submit"] {
font-size: 8px;
font-family: monospace;
}
.history {
background-color: rgb(253, 247, 203);
}
/* Disposition */
.chat {
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.chat > * {
width: 90%;
}
.inputs, .history {
display: flex;
}
.inputs {
flex-direction: row;
}
.history {
max-height: 60%;
flex-shrink: 1;
white-space: wrap;
}
.history > div {
flex-shrink: 2;
overflow-x: hidden;
overflow-y: auto;
display: flex;
flex-direction: column-reverse;
flex: 1;
margin: 1em;
scrollbar-width: thin;
}
.comment {
display: flex;
}
.user {
font-weight: bold;
margin-right: 0.5em;
}
.message {
word-wrap: break-word;
text-align: justify;
}

View File

@@ -0,0 +1,69 @@
.other {margin-left: 1em;}
.first {margin-right: 1em;}
.about {
align-content: center;
}
.middle {
display: flex;
flex: 1;
align-items: stretch;
flex-direction: row;
}
.first,.other {
flex-direction: column;
width: 20%;
min-height: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.main {
flex-direction: column;
width: 60%;
align-content: flex-start;
}
.links > div {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blinkies > img {
width: 80%;
margin-top: 0.2em;
}
.links > div > p {
display: flex;
flex-direction: column;
}
.other > div {
height: 100%;
width: 100%;
}
.chat {
max-height: 50%;
}
.more > div {
margin: 1em;
}
.webrings,.blinkies {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
align-items: center;
}
.webrings > div {
margin-bottom: 1em;
}

View File

@@ -0,0 +1,31 @@
/* See comment on html directly */
.noaiwebring {
width: 80%;
position: relative;
}
.noaiwebring > img {
width: 100%;
height: 100%;
}
.noaiwebring > a > div {
position: absolute;
}
.noaiwebring > a > .nxt {
left: 76.1%; top: 6.5%; width: 20.5%; height: 48.4%;
}
.noaiwebring > a > .prv {
left: 2.3%; top: 6.5%; width: 20.5%; height: 48.4%;
}
.noaiwebring > a > .rnd {
left: 71.6%; top: 61.3%; width: 12.5%; height: 35.5%;
}
.noaiwebring > a > .home {
left: 26.1%; top: 48.4%; width: 44.3%; height: 48.4%;
}