diff --git a/img/github-32px.png b/img/github-32px.png new file mode 100755 index 0000000..628da97 Binary files /dev/null and b/img/github-32px.png differ diff --git a/index.html b/index.html index 3ac0f16..45c8b2f 100644 --- a/index.html +++ b/index.html @@ -12,20 +12,20 @@
- +

Neko

Hi there, I'm Sophie!

-

she/they - trans - pan/polyam - 18

+

She/They, Trans MtF, 18, Artist, Developer, and Linux User

- + - View source code on GitHub! -
+ + \ No newline at end of file diff --git a/styles/stylemain.css b/styles/stylemain.css index faa7f9c..20f0e92 100644 --- a/styles/stylemain.css +++ b/styles/stylemain.css @@ -49,12 +49,67 @@ input { background: #dad9d9; font-size: 170%; font-family: 'Share Tech Mono', monospace; + color: black; box-shadow: inset -0.05em -0.05em black } input:active { background: #acacac; box-shadow: inset 0em 0em } + +a { + text-decoration: none; +} +.button { + display: inline-flex; + font-size: 16px; + text-align: center; + border: none; + border-radius: 4px; + outline: none; + box-shadow: none; + cursor: pointer; + transition: 0.3s ease-in-out; +} + +.button.button1 { + border-radius: 0; + box-sizing: border-box; + min-height: 23px; + color: #000; + padding: 0 2px 2px 0; + border-top: 1px solid #CCCCCC; + border-right: 0.1px solid transparent; + border-bottom: 1px solid #333333; + border-left: 1px solid #CCCCCC; + background-color: #979797; + width: 15%; +} + +.button.button1 span { + -webkit-appearance: none; + margin-left: auto; + margin-right: auto; + display: block; + width: 100%; + background: #dad9d9; + font-size: 170%; + font-family: 'Share Tech Mono', monospace; + box-shadow: inset -0.05em -0.05em black; +} + +.button.button1 span:hover, +.button.button1:hover + .button.button1 span { + background-color: #ACACAC; + border-top: 1px solid transparent; + border-right: 0.1px solid #dad9d9; + border-bottom: 1px solid #dad9d9; + border-left: 1px solid transparent; + box-shadow: inset -0.05em -0.05em transparent;} +.button.button1:hover { + background-color: #ACACAC; +} + img.githubico { left: 49%; position: fixed; @@ -73,15 +128,16 @@ img.githubico { padding-left: 25%; } input { + margin-left: -10%; font-size: 7vw; - min-width: 110%; - max-width: 110%; - /* I lack the understanding as to why I have to set a mix/max, but its also nearly midnight as I'm writing this and I should probably go to bed. */ + -webkit-text-size-adjust:100%; + min-width: 125%; + max-width: 125; } p.info { font-family: 'Share Tech Mono', monospace; color: white; - font-size: 5vw; + font-size: 4.5vw; text-align: center; } }