Professional Documents
Culture Documents
<!----------------------------------------------->
<!-- Configure the theme of the generator here -->
<!----------------------------------------------->
<style>
/*--------------------------------------------------*/
/*------------------General theme-------------------*/
/*--------------------------------------------------*/
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Lato', 'Arial', sans-serif;
}
header{
background-image: url("https://picsum.photos/2000/2000");
background-size: cover;
background-position: center;
height: 100vh;
}
.hidden {
display: none;
}
.btn{
margin-bottom: 0;
}
/*--------------------Scrollbar---------------------*/
/*size of the scrollbar*/
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 0 pink;
border-radius: 50px;
}
::-webkit-scrollbar-thumb {
background: #606060;
border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
background: #424242;
}
/*-----------------End scrollbar--------------------*/
/*----------------------Spinner---------------------*/
.center{
left: 42%;
position: relative;
max-width: 45px
}
#nest5 {
display: block;
height: 45px;
width: 45px;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
border: 3px solid transparent;
border-top-color: #4285F4;
border-radius: 50%;
left: 50%;
right: 50%;
margin-bottom: 25px;
margin-top: 25px;
transform: translate(-50%, -50%);
-webkit-animation: spin11 2s linear infinite;
animation: spin11 2s linear infinite;
}
#nest5:before {
content: "";
position: absolute;
top: 7px;
right: 7px;
bottom: 7px;
left: 7px;
border: 3px solid transparent;
border-radius: 50%;
border-top-color: #DB4437;
-webkit-animation: spin11 3s linear infinite;
animation: spin11 3s linear infinite;
}
#nest5:after {
content: "";
top: 15px;
position: absolute;
right: 15px;
bottom: 15px;
left: 15px;
border: 3px solid transparent;
border-radius: 50%;
border-top-color: #F4B400;
-webkit-animation: spin11 1.5s linear infinite;
animation: spin11 1.5s linear infinite;
}
@-webkit-keyframes spin11 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin11 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/*-----------------End of spinner-------------------*/
.mainbox,
.popupwindows{
position: absolute;
top: 50%;
left: 50%;
right: 50%;
transform: translate(-50%, -50%);
width: 80%;
padding: 20px;
text-align: center;
border-radius: 20px;
max-width: 725px;
}
.mainbox{
background-color: rgba(34,34,34,0.5);
z-index: 3;
backdrop-filter: blur(20px);
}
.popupwindows{
background-color: rgba(34,34,34,0.1);
backdrop-filter: blur(20px);
}
.popupmaintitle{
margin-top: 20px;
margin-bottom: 20px;
}
.warnmessage{
color: #f4f4f4;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(3px);
z-index: 90;
}
/*------------------- End Pop-Up -------------------*/
/*--------------------------------------------------*/
/*-----------------End General Theme----------------*/
/*--------------------------------------------------*/
/*--------------------------------------------------*/
/*------------------ Specific Theme-----------------*/
/*--------------------------------------------------*/
.dropdownlist{
max-width: 400px;
}
.h-captcha{
left: 50%;
margin-top: 50px;
margin-bottom: -60px;
transform: translate(11%);
}
.btncreate {
position: relative;
margin-top: 35px;
margin-bottom: 10px;
}
.form-control{
margin-top: 3%;
margin-bottom: 1%;
}
/*-------------------- End Form --------------------*/
left: 50%;
transform: translate(-50%);
}
.statop{
color: lawngreen;
}
.statnw{
color: darkred;
}
.statfx{
color: darkgoldenrod;
}
/*----------------- End Status bar -----------------*/
.warn{
color: cyan;
}
.closepopup{
text-align: center;
font-size: 100%;
cursor: pointer;
color: white;
}
.btn-lg.round {
border-radius: 24px;
}
.errorsub{
margin-left: 10px;
margin-right: 10px;
}
/*----------------- End PopUp Error ----------------*/
margin-bottom: -10px;
position: relative;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 30px;
max-width: 20px;
left: 100%;
transform: translate(-100%);
}
.helpbtn:hover{
color: #3f3f3f;
background-color: #191c1b ;
cursor: help;
}
/* Links */
.info{
color: #fcda00;
}
.info:hover{
color: #db8c04;
}
.donate{
margin-top: 20px;
margin-bottom: -3px;
color: #8f9392;
text-shadow: 1px 1px #3f3f3f;
font-size: 85%;
}
.version{
color: #8f9392;
margin-bottom: -10px;
}
/*----------------- End Pop-Up Info ----------------*/
.modalErr,
.modalCreate {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 500px;
text-align: center;
background-color: rgba(32, 32, 32, 0.85);
color: rgb(184, 180, 180);
border-radius: 10px;
box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
z-index: 100;
backdrop-filter: blur(3px);
}
.modalCreate{
z-index: 95;
}
/*---------------- End Pop-Up Error ----------------*/
/*--------------------Responsive--------------------*/
@media (max-width: 750px ) {
.mainbox,
.popupwindows{
width: 97%;
top: 50%;
left: 50%;
right: 50%;
}
.titleyellow{
font-size: 130%;
}
.dropdownlist{
width: 99%;
}
}
/*--------------------------------------------------*/
/*---------------- End Specific Theme---------------*/
/*--------------------------------------------------*/
</style>
</head>
<body>
<header>
<!-- Warning modal-->
<div class="popupwindows warnpopup hidden">
<h1 class="popupmaintitle warn">Before using</h1>
<p class="warnmessage">
<br>This website is a free generator of <a class="warn"
href="https://support.google.com/a/users/answer/9310156" target="_blank">shared
drives</a>. <br>
But free doesn't mean that you can abuse!<br>
<br></p>
<h3 class="popuptitles">What is considered as abuse?</h3>
<p class="warnmessage">
- Creating <a class="warn" href="https://t.me/msgsuitechat/3011"
target="_blank">tens of empty shared drives</a> <br>
- Storing Tb of data that you will never use<br>
- Storing illegal stuff or porn
</p>
<h3 class="popuptitles">What are the possible consequences due to abuse?
</h3>
<p class="warnmessage">
- Google will put restrictions as <a class="warn"
href="https://t.me/msgsuite/10" target="_blank">they will do on EDU</a><br>
- University and organizations can delete all team drives<br>
- University and organizations will cancelled their subscription (worst
case scenario)<br><br>
</p>
<p class="warnmessage warnmsg">
Abusing this free service will lead to more google restrictions.
</p>
<div class="btncreate">
<button type="submit" class="btn btn-outline-info btn-sm btn-lg round
closepopup">I accept the terms</button>
</div>
</div>
</p>
<p class="warnmessage">
<a style="font-weight: bold">Q: How much data can I put on a shared
drive?</a><br>
A: Just like my drive, the shared drives have limits too. Read <a
class="info" href="https://support.google.com/a/answer/7338880"
target="_blank">this article</a> to learn <br>more about these restrictions.<br>
</p>
<p class="warnmessage">
<a style="font-weight: bold">Q: How long will last my shared drive?
</a><br>
A: Theoretically, a shared drive is for life. BUT if you store illegal
things, porn, or abuse<br> the free storage, your shared drive can be deleted
either by Google or by the subscription owner.
</p>
<!-- Status bar. You have to change the values manually -->
<div class="status">
<p class="btn statop">Operational: 147</p>
<p class="btn statnw">Non Working: 3</p>
<p class="btn statfx">Fixing: 3</p>
</div>
</form>
</div>
</div>
<script>
'use strict'
closewarnings.addEventListener('click', closewanings)
btnClose.addEventListener('click', closeModal)
btnCloseCreate.addEventListener('click', closeModalCreate)
helpbtn.addEventListener('click', openinfo)
closehelpbtn.addEventListener('click', closeinfo)
function copyMyText() {
//select the element with the id "copyMe", must be a text box
var textToCopy = document.getElementById("areaerror");
//select the text in the text box
textToCopy.select();
//copy the text to the clipboard
document.execCommand("copy");
}
</script>
<script>
var teamDriveThemes;
$("input[id=customTheme]").change(function() {
if ($(this).is(":checked")) {
$("#customThemeSection").removeClass("d-none");
} else {
$("#customThemeSection").addClass("d-none");
$("input[name=teamDriveTheme]")[0].click();
}
});
$.get("/teamDriveThemes", function(json) {
teamDriveThemes = json.teamDriveThemes;
$.each(json.teamDriveThemes, function(i, item) {
$("#teamDriveThemeOptions").append(`
<div class="form-check">
<input
class="form-check-input"
type="radio"
name="teamDriveTheme"
id="teamDriveThemeOption-${item.id}"
value="${item.id}"
/>
<label class="form-check-label" for="teamDriveThemeOption-${item.id}">
${item.id}
</label>
</div>
`);
});
$("input[name=teamDriveTheme]").change(function() {
var themeId = this.value;
if (themeId === "random") {
$("#teamDriveThemePreview").html("");
} else {
var theme = teamDriveThemes.find(function(t) {
return t.id == themeId;
});
$("#teamDriveThemePreview").html(
`
<div class="card" style="background-color: ${theme.colorRgb}">
<img src="${theme.backgroundImageLink}" class="card-img-top" alt="$
{theme.id}" />
<div class="card-body">
<h5 class="card-text" style="color: white">
${theme.id}
</h5>
</div>
</div>
`
);
}
});
$("#teamDriveForm").on("submit", function(event) {
event.preventDefault();
document.querySelector('.modalCreate').classList.remove('hidden');
document.querySelector('.overlay').classList.remove('hidden');
document.querySelector('.creatingtitle').classList.remove('green');
document.querySelector('.beforecreation').classList.remove('hidden');
document.querySelector('.aftercreation').classList.add('hidden');
creatingtitle.textContent = 'Creating your shared drive';
$.ajax({
type: "POST",
url: "/drive",
data: JSON.stringify({
teamDriveName: $("input[id=teamDriveName]").val(),
teamDriveThemeId: $("input[name=teamDriveTheme]:checked").val(),
emailAddress: $("input[id=emailAddress]").val(),
channel: $("select[id=channel]").val(),
recaptcha: hcaptcha.getResponse()
}),
success: function(data) {
creatingtitle.textContent = '✅ Your shared drive has been created';
document.querySelector('.creatingtitle').classList.add('green');
document.querySelector('.beforecreation').classList.add('hidden');
document.querySelector('.aftercreation').classList.remove('hidden');
},
error: function(request, status, error) {
const errmsg = request.responseText;
document.getElementById('areaerror').value = errmsg;
document.querySelector('.modalErr').classList.remove('hidden');
document.querySelector('.overlay').classList.remove('hidden');
},
contentType: "application/json"
});
});
});
</script>