We dream of a democratized new era of the Web where creators own their content, users own their data, and no single entity exhibits undue influence on the community as a whole. diff --git a/src/assets/PressStart2P-Regular.ttf b/src/assets/PressStart2P-Regular.ttf new file mode 100644 index 0000000..2442aff Binary files /dev/null and b/src/assets/PressStart2P-Regular.ttf differ diff --git a/src/index.css b/src/index.css index e67a8db..090a8ad 100644 --- a/src/index.css +++ b/src/index.css @@ -1,6 +1,15 @@ @font-face { - font-family: 'AlegreyaSansSC'; - src: url(./assets/AlegreyaSansSC-Regular.ttf) format('truetype'); + font-family: 'PressStart2P-Regular'; + src: url(./assets/PressStart2P-Regular.ttf) format('truetype'); +} + + body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } html, body, #page-container, #et-main-area, #root { @@ -24,22 +33,14 @@ html, body, #page-container, #et-main-area, #root { cursor: pointer; } -/* body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -code { +/*code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } */ #root h1 { - font-family: 'AlegreyaSansSC', sans-serif; + font-family: 'PressStart2P-Regular', sans-serif; text-align: center; margin-top: 200px; font-size: 96px; @@ -67,8 +68,9 @@ code { } #root .html3d { - background-color: rgba(255, 255, 255, 0.95); - border: 2px solid #052464; + background-color: #9966FF; + border: 10px solid #CCCCFF; + color: white; border-radius: 5px; padding: 15px; width: 700px; @@ -78,6 +80,9 @@ code { opacity: 0; pointer-events: none; transition: opacity 0.5s ease-in-out; + box-shadow: + 0 0 0 10px white, + 0 0 0 15px #000066; } #root .html3d.visible { @@ -87,12 +92,18 @@ code { #root .html3d h4, .html3d h3, .html3d h2 { text-align: center; + font-family: 'PressStart2P-Regular'; } #root .html3d p { text-align: justify; } +#root .html3d p a { + color: #00FFFF; +} + + #root .html3d p.center { text-align: center; } @@ -100,6 +111,8 @@ code { #root .html3d h2 a { text-decoration: none; color: initial; + font-size: 22px; + color: #00FFFF; } #root .overlay {