diff options
| -rw-r--r-- | src/css/style.css | 89 | ||||
| -rw-r--r-- | src/css/style2.css | 82 | ||||
| -rw-r--r-- | src/img/header-logo.png | bin | 0 -> 39397 bytes | |||
| -rw-r--r-- | src/img/logo.png | bin | 0 -> 16481 bytes | |||
| -rw-r--r-- | src/index.html | 14 |
5 files changed, 178 insertions, 7 deletions
diff --git a/src/css/style.css b/src/css/style.css new file mode 100644 index 0000000..67ef101 --- /dev/null +++ b/src/css/style.css @@ -0,0 +1,89 @@ +body { + display: block; + margin: auto; + padding: 5px; +/* color: #e6d5d5; */ + position: absolute; + top: 5vh; + bottom: 5vh; + left: 10vw; + right: 10vw; +} + +h1 { + text-align: left; +} + +p { + text-align: justify; +} + +div { + margin: auto; + padding: 10px; +} + +#contact { +/* background-color: #443644; */ + /*! border-radius: 0; */ + border-style: dashed; + border-width: 3px; + border-color: #276a4b; +} + +label { + width: 100%; +} + +input { + width: 100%; + border: 0px; + border-radius: 5px; +} + +.sub-input{ + border-radius: 0px; + border-width: 1px; + border-style: solid; + border-color: #7ef07e; + padding: 1.1%; + background: #1a1a1a; + color: #7ef07e; + text-align: center; + padding: 1% 0 1% 0; +} + +textarea { + width: 100%; + border: 0px; + border-radius: 5px; + height: 100px; +} +.row .large-12 .small-12 { + width: 100%; + display: inline-grid; +} +.large-6 .small-6 { + width: 50%; + display: inline-flex; +} +.success { + background-color: green; + color: white; +} +.alert { + background-color: red; + color: black; +} +.button { + border: 0px; + padding: 7px; + color: white; +} +footer { + position: absolute; + right: 0; + bottom: 0; + padding: 2px; + text-align: right; +} diff --git a/src/css/style2.css b/src/css/style2.css new file mode 100644 index 0000000..5bc34d2 --- /dev/null +++ b/src/css/style2.css @@ -0,0 +1,82 @@ +body { + padding: 1%; + background-color: #1a1a1a; + font-family: monospace; + font-size: 1rem; + color: #7ef07e; +} + +p { + text-align: justify; +} + +a { + color:rgb(51, 200, 234); + text-decoration:none; +} + +a:hover{ + color: #c5f0ff; +} + +.header { + text-align: center; + margin: auto; + padding: 5px; +} + +.header img{ + max-width: 150px; + width: 150px; +} + +.header p { + text-align: center; +} + +.feature-img { + text-align: center; + width: 100%; + /*! height: 35vh; */ +} + + +.inv img { + width: 64px; + height: 64px; + border: 1px; +} + +#menu { + text-align: center; +} + +#menu a {display:inline-block;} + +.footer { + text-align: center; +} +.inv {display:block;text-align:center;} + +pre {overflow:auto;} + +.whole{ + /*! background-color: #3a3a3a; + display: grid;*/ +} + +#gotop-link{ + text-align: right; + font-size: 0.8rem; +} + +.container { + /*background-color: #3a3a3a; + max-width: 60vw; + margin: auto; + padding: 2%; + display: grid; + border-radius: 6px; + width: 40vw; + overflow: auto; */ +} diff --git a/src/img/header-logo.png b/src/img/header-logo.png Binary files differnew file mode 100644 index 0000000..bf62c46 --- /dev/null +++ b/src/img/header-logo.png diff --git a/src/img/logo.png b/src/img/logo.png Binary files differnew file mode 100644 index 0000000..6e3d4b8 --- /dev/null +++ b/src/img/logo.png diff --git a/src/index.html b/src/index.html index 985ede0..2fda790 100644 --- a/src/index.html +++ b/src/index.html @@ -3,15 +3,15 @@ <head> <meta charset="utf-8"> <title>Arching Kaos</title> - <link rel="stylesheet" type="text/css" href="//ipfs.arching-kaos.com/ipfs/Qmcusex5HCKKeKAouXtUiwGoFxZzzsvcmo4dGewKBETwDv?filename=style2.css"> - <link rel="stylesheet" type="text/css" href="//ipfs.arching-kaos.com/ipfs/Qme4Lao1ffeyDtn4r9z8ZPCUPipRWJHPJig9Kh9XHw1ete?filename=style.css"> + <link rel="stylesheet" type="text/css" href="./css/style2.css"> + <link rel="stylesheet" type="text/css" href="./css/style.css"> <link rel="stylesheet" type="text/css" href="./css/akn.css"> <style type="text/css"> </style> - <link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="32x32"> - <link rel="icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png" sizes="192x192"> - <link rel="apple-touch-icon" href="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png"> - <meta name="msapplication-TileImage" content="https://ipfs.arching-kaos.com/ipfs/QmagKP1zLWaGHLR4191dpvsCYHS8tuPCRYJgfK9Zdr6i9S?filename=logo.png"> + <link rel="icon" href="./img/logo.png" sizes="32x32"> + <link rel="icon" href="./img/logo.png" sizes="192x192"> + <link rel="apple-touch-icon" href="./img/logo.png"> + <meta name="msapplication-TileImage" content="./img/logo.png"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://cdnjs.cloudflare.com/ajax/libs/stellar-freighter-api/1.1.2/index.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> @@ -20,7 +20,7 @@ <p class="hsm" onclick="hsm()">Hide menu</p> <div class="sidebar"> <div class="header"> - <img src="//ipfs.arching-kaos.com/ipfs/QmcyDhApg19qDcjdCpTFaezXrjfcUrC9MZq9wKo69trRDH"> + <img src="./img/header-logo.png"> <h1 style="text-align: center;">Arching Kaos</h1> </div> <div class="options-menu" style="display:none;"> |
