Alex Volkov
Added captions API, that receives a URL and both transcribes AND translates it.
7db5fdc
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
#download_status input[type=checkbox] {
display: none;
}
#download_status label{
height: 100%;
}
.main-title{
color: #FF7A7A;
font-family: 'Poppins', sans-serif;
font-size: 4.5em;
line-height: 1.25;
font-weight: 700;
background-image: linear-gradient(45deg, #695EE6 0%, #FF7A7A 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.secondary{
color: #FF7A7A;
font-family: 'Poppins', sans-serif;
font-size: 2em;
line-height: 1.25;
font-weight: 700;
background-image: linear-gradient(45deg, #695EE6 0%, #FF7A7A 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#submit{
position: absolute;
flex:0 !important;
width: 120px;
right: 13px;
top: 40px;
border-radius: 0 5px 5px 5px !important;
}
#url_input{
font-size: 20px !important;
}
#download_status label{
font-size: 18px !important;
}
#second_row>.gr-form{
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
#input_row{
position: relative;
}
#url_input_group .gr-form:nth-child(2){
position:relative
}
#url_input textarea{
font-size: 20px !important;
}
#source_language{
flex-grow: revert
}
#translate_toggle{
flex-grow: revert;
min-width: 200px;
}
#translate_toggle label{
height: 100%;
}
/*
#translate_toggle{
position: absolute;
right: 0;
width: auto;
flex: none;
background: transparent
}
*/
.wrap.absolute{
position: relative !important;
opacity: 100% !important;
}
#fake_ass_group{
display:none;
visibility: hidden;
position:absolute;
pointer-events: none;
}
#output_text label{
font-size: 20px !important;
white-space: pre-wrap;
}
footer{
/*display: none !important;*/
}