lauchmelder/Lauchmelder23.github.io
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

slight design update. still looks shit

Browse source
This commit is contained in:
Robert 2021-01-05 03:37:41 +01:00
parent c0b49a1090
commit f0e5f83b91
1 changed files with 41 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
index.html
View file

@ -36,6 +36,7 @@
} }
span { span {
background-color: white;
display: inline-block; display: inline-block;
width: 50vh; width: 50vh;
height: 50vh; height: 50vh;
@ -51,8 +52,15 @@
} }
body { body {
background-color: rgb(230, 230, 230);
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
padding: 1em 10em; }
.container {
background-color: rgb(220, 220, 220);
height: 100vh;
width: 75vw;
margin-top: 0;
} }
footer { footer {
@ -87,6 +95,15 @@
filter: invert(100%); filter: invert(100%);
} }
a {
color: rgb(86, 255, 128);
font-weight: 200;
}
a:hover {
color: rgb(255, 230, 86);
}
</style> </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@ -179,7 +196,7 @@
const kun = $("svg").attr("kun"); const kun = $("svg").attr("kun");
const on = $("svg").attr("on") const on = $("svg").attr("on")
$("#kanji_meaning").html((typeof meaning !== typeof undefined) ? meaning : "Apparently this has no meaning. Tell me about it."); $("#kanji_meaning").html((typeof meaning !== typeof undefined) ? meaning : "Apparently this has no meaning.<br /> Tell me about it so I can fix it.");
$("#kun_yomi").html((typeof kun !== typeof undefined) ? "Kun: " + kun : ""); $("#kun_yomi").html((typeof kun !== typeof undefined) ? "Kun: " + kun : "");
$("#on_yomi").html((typeof on !== typeof undefined) ? "On: " + on : ""); $("#on_yomi").html((typeof on !== typeof undefined) ? "On: " + on : "");
}); });
@ -188,9 +205,9 @@
</script> </script>
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container">
<div class="col-lg-8" style="padding-right:20px; border-right: 1px solid #ccc;"> <div class="col-lg-8" style="padding-right:20px; border-right: 1px solid #999;">
<div class="row" style="padding-bottom:20px; border-bottom: 1px solid #ccc;"> <div class="row" style="padding-bottom:20px; border-bottom: 1px solid #999;">
<h1>Enter a Kanji</h1> <h1>Enter a Kanji</h1>
<form> <form>
<table> <table>
@ -207,16 +224,29 @@
</div> </div>
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
<h2 id="kanji_meaning"></h2> <div class="row" style="border-bottom: 1px solid #999;">
<h3 id="kun_yomi"></h3> <h2 id="kanji_meaning"></h2>
<h3 id="on_yomi"></h2> </div>
<div class="row">
<h3 id="kun_yomi"></h3>
<h3 id="on_yomi"></h2>
</div>
</div> </div>
<footer> <footer>
Vector Graphics supplied by <div class="col-lg-6 text-center">
<a href="http://kanjivg.tagaini.net">KanjiVG</a> Vector Graphics supplied by
. <a href="http://kanjivg.tagaini.net">KanjiVG</a>
.
</div>
<div class="col-lg-6 text-center">
My
<a href="https://github.com/Lauchmelder23">GitHub</a>
</div>
</footer> </footer>
</div> </div>
</body> </body>