minimizing pyscript lib
This commit is contained in:
parent
5c1e5598fa
commit
cea1aeaf8a
|
@ -3,13 +3,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>elementi (yada bileşiği) tahmin et.py</title>
|
||||
<link rel="stylesheet" href="./pyscript/pyscript.css" />
|
||||
<script defer src="./pyscript/pyscript.js"></script>
|
||||
<link rel="stylesheet" href="./lib/pyscript.css" />
|
||||
<script defer src="./lib/pyscript.js"></script>
|
||||
<!--link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
|
||||
<script defer src="https://pyscript.net/latest/pyscript.min.js"></script-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="output"></div>
|
||||
<py-script>
|
||||
import js
|
||||
from js import document
|
||||
from random import randint as ri
|
||||
|
||||
puan, soru = (0,0)
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
/* code from: https://pyscript.net/latest/pyscript.css and minimized with https://www.toptal.com/developers/cssminifier */
|
||||
/* src/styles/pyscript_base.css */
|
||||
.label,.py-pop-up,.py-title{text-align:center}.py-terminal-hidden,py-box:not(:defined),py-button:not(:defined),py-config,py-inputbox:not(:defined),py-repl:not(:defined),py-script:not(:defined),py-title:not(:defined){display:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}.spinner::after{content:"";box-sizing:border-box;width:40px;height:40px;position:absolute;top:calc(40% - 20px);left:calc(50% - 20px);border-radius:50%}.spinner.smooth::after{border-top:4px solid #fff;border-left:4px solid #fff;border-right:4px solid rgba(255,255,255,0);animation:.6s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.label{width:100%;display:block;color:rgba(255,255,255,.8);font-size:.8rem;margin-top:6rem}.py-overlay{position:fixed;display:flex;justify-content:center;align-items:center;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);transition:opacity .5s;color:visible;visibility:visible;opacity:1}.alert-banner.py-error>#alert-close-button,.py-error{color:#9d041c}.py-pop-up{width:600px}.py-pop-up p{margin:5px}.py-pop-up a{position:absolute;color:#fff;text-decoration:none;font-size:200%;top:3.5%;right:5%}.alert-banner{position:relative;padding:.5rem 1.5rem .5rem .5rem;margin:5px 0}.alert-banner p,py-terminal[docked] .py-terminal{margin:0}.py-error{background-color:#ffe9e8;border:solid #f0625f}.py-warning{background-color:#fff4e5;border:solid #ffa016;color:#794700}.alert-banner.py-warning>#alert-close-button{color:#794700}#alert-close-button{position:absolute;right:.5rem;top:.5rem;cursor:pointer;background:0 0;border:none}.py-box{display:flex;flex-direction:row;justify-content:flex-start}.py-repl-run-button,input{text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block}.py-box div.py-box-child *{max-width:100%}.py-repl-box{flex-direction:column}.py-repl-editor{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;position:relative;box-sizing:border-box;border:1px solid #d1d5db}.editor-box:hover button,.py-repl-run-button:hover{opacity:1}.py-repl-run-button{opacity:0;bottom:.25rem;right:.25rem;position:absolute;padding:1px 6px;line-height:inherit;color:inherit;background-color:transparent;background-image:none;-webkit-appearance:button;font-family:inherit;font-size:100%;margin:0;line-height:normal;text-align:center;align-items:flex-start;cursor:default;box-sizing:border-box;background-color:-internal-light-dark(#efefef,#3b3b3b);border:0}.py-button,.py-input{--tw-border-opacity:1;border-width:1px;border-radius:.25rem;padding:.5rem}.py-title{text-transform:uppercase}.py-title h1{font-weight:700;font-size:1.875rem}.py-input{border-color:rgba(209,213,219,var(--tw-border-opacity));margin-right:.75rem;border-style:solid;width:auto}.py-box input.py-input{width:-webkit-fill-available}.central-content{max-width:20rem;margin-left:auto;margin-right:auto}input{color:-internal-light-dark(black,#fff);text-align:start;appearance:auto;-webkit-rtl-ordering:logical;background-color:-internal-light-dark(#fff,#3b3b3b);padding:1px 2px;border-width:2px;border-style:inset;border-color:-internal-light-dark(#767676,#858585);border-image:initial}.py-button{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity));border-color:rgba(37,99,235,var(--tw-border-opacity));cursor:pointer}.py-li-element p{margin:5px;display:inline}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.line-through{text-decoration:line-through}.py-terminal{min-height:10em;background-color:#000;color:#fff;padding:.5rem;overflow:auto}html:has(py-terminal[docked]:not(py-terminal[docked].py-terminal-hidden)){padding-bottom:40vh}py-terminal[docked]{position:fixed;bottom:0;width:100vw;max-height:40vh;overflow:auto}
|
||||
/*# sourceMappingURL=pyscript.css.map */
|
File diff suppressed because one or more lines are too long
|
@ -1,2 +0,0 @@
|
|||
this files downloaded from https://pyscript.net/
|
||||
github: https://github.com/pyscript/pyscript
|
|
@ -1,244 +0,0 @@
|
|||
:not(:defined) {
|
||||
display: none
|
||||
}
|
||||
|
||||
html{
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.spinner::after {
|
||||
content: '';
|
||||
box-sizing: border-box;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: calc(40% - 20px);
|
||||
left: calc(50% - 20px);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.spinner.smooth::after {
|
||||
border-top: 4px solid rgba(255, 255, 255, 1);
|
||||
border-left: 4px solid rgba(255, 255, 255, 1);
|
||||
border-right: 4px solid rgba(255, 255, 255, 0);
|
||||
animation: spinner 0.6s linear infinite;
|
||||
}
|
||||
@keyframes spinner {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 0.8rem;
|
||||
margin-top: 6rem;
|
||||
}
|
||||
|
||||
/* Pop-up second layer begin */
|
||||
|
||||
.py-overlay {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: white;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
transition: opacity 500ms;
|
||||
visibility: hidden;
|
||||
color: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.py-overlay {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.py-pop-up {
|
||||
text-align: center;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.py-pop-up p {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.py-pop-up a {
|
||||
position: absolute;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 200%;
|
||||
top: 3.5%;
|
||||
right: 5%;
|
||||
}
|
||||
|
||||
.py-box{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.py-box div.py-box-child *
|
||||
{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.py-repl-box{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.editor-box{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgba(209, 213, 219, var(--tw-border-opacity));
|
||||
border-width: 1px;
|
||||
position: relative;
|
||||
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgba(59, 130, 246, 0.5);
|
||||
--tw-ring-offset-shadow: 0 0 #0000;
|
||||
--tw-ring-shadow: 0 0 #0000;
|
||||
--tw-shadow: 0 0 #0000;
|
||||
position: relative;
|
||||
|
||||
box-sizing: border-box;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgb(209, 213, 219)
|
||||
}
|
||||
|
||||
.editor-box:hover button{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.repl-play-button{
|
||||
opacity: 0;
|
||||
bottom: 0.25rem;
|
||||
right: 0.25rem;
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
-webkit-appearance: button;
|
||||
text-transform: none;
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
text-rendering: auto;
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
line-height: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
align-items: flex-start;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
|
||||
margin: 0em;
|
||||
padding: 1px 6px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.repl-play-button:hover{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.py-title{
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.py-title h1{
|
||||
font-weight: 700;
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
|
||||
.py-input{
|
||||
padding: 0.5rem;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgba(209, 213, 219, var(--tw-border-opacity));
|
||||
border-width: 1px;
|
||||
border-radius: 0.25rem;
|
||||
margin-right: 0.75rem;
|
||||
border-style: solid;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.py-box input.py-input{
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
.central-content{
|
||||
max-width: 20rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
input {
|
||||
text-rendering: auto;
|
||||
color: -internal-light-dark(black, white);
|
||||
letter-spacing: normal;
|
||||
word-spacing: normal;
|
||||
line-height: normal;
|
||||
text-transform: none;
|
||||
text-indent: 0px;
|
||||
text-shadow: none;
|
||||
display: inline-block;
|
||||
text-align: start;
|
||||
appearance: auto;
|
||||
-webkit-rtl-ordering: logical;
|
||||
cursor: text;
|
||||
background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
|
||||
margin: 0em;
|
||||
padding: 1px 2px;
|
||||
border-width: 2px;
|
||||
border-style: inset;
|
||||
border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
|
||||
border-image: initial;
|
||||
}
|
||||
|
||||
.py-button{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
||||
padding: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgba(37, 99, 235, var(--tw-border-opacity));
|
||||
border-width: 1px;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.py-li-element p{
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.py-li-element p{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
button, input, optgroup, select, textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.line-through {
|
||||
text-decoration: line-through;
|
||||
}
|
27858
pyscript/pyscript.js
27858
pyscript/pyscript.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue