Skip to content

Commit

Permalink
Update Modal Files
Browse files Browse the repository at this point in the history
  • Loading branch information
@Klubuntu
Klubuntu authored Nov 16, 2021
1 parent 607015a commit 46c5db8
Show file tree
Hide file tree
Showing 5 changed files with 442 additions and 298 deletions.
65 changes: 65 additions & 0 deletions beta/all.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";
@import "other/modal.css";
f {
font-size: 1.5em;
}

#other-info h3 {
cursor: pointer;
font-size: 1.6em;
}

#page-other h5 {
font-size: 1em;
}

#back-action {
font-size: 1.7em;
position: relative;
top: 1px;
left: 0.3%;
cursor: pointer;
}

div {
-webkit-transition: all 700ms ease;
overflow: hidden;
border-radius: 0px;
}

@media (max-width: 768px) {
.model-inner {
max-width: 100%;
overflow: auto;
height: 100%;
width: 100%;
}
#other-info {
overflow: auto;
}
}


/*
<div class="w3-modal-content rounded">
<div class="w3-container">
<span onclick="abouthide()" class="w3-button w3-display-topright">&times;</span>
<center class="txt2 margint1" id="title-modal">Page</center>
<topcontainer>
<container>ssss</container>
</topcontainer>
<menu onclick="infoPage()"><i class="far fa-file"></i>&nbsp;&nbsp;Page</menu>
<menu onclick="infoPrivacy()"><i class="fas fa-lock"></i>&nbsp;&nbsp;Privacy</menu>
<menu onclick="infoIcons()"><i class="fas fa-shapes"></i>&nbsp;&nbsp;Addons</menu>
<menu onclick="infoAbout()"><i class="fas fa-info-circle menuico"></i>&nbsp;&nbsp;About</menu>
<!-- <p>This page no using cookies.</p>
<p>Policy page : link</p> -->
</div>
</div>
</div>
*/
1 change: 1 addition & 0 deletions beta/dark-style.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@import "all.css";
:root {
--var-default-color: background-color: rgb(163, 15, 15);
}
Expand Down
141 changes: 75 additions & 66 deletions beta/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,67 +1,76 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Klubuntu - New Future Modern Technology (Official Page)</title>
<link id="default-style" rel="stylesheet" href="style.css" />
<!-- <link id="dark-style" rel="stylesheet" href="dark-style.css" /> -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="w3-modal.css">
<script type="text/javascript" src="awesome/js/all.min.js"></script>
<script type="text/javascript" src="https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/js/all.min.js"></script>
<script type="text/javascript" src="easycookie.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<div class="container">
<h1 id="logo" onclick="refresh()">Klubuntu</h1>
<div class="span-elements loading">
<span id="span" onclick="opengt()" class="bg-test"><i class="fab fa-github test"></i
></span>
<span id="span2" onclick="openyt()" class="bg-test"><i class="fab fa-youtube test"></i
></span>
<span id="span3" onclick="openfb()" class="bg-test"><i class="fab fa-facebook test"></i
></span>
<span id="span4" onclick="openpt()" class="bg-test"><i class="fas fa-dollar-sign test"></i
></span>
</div>
</div>
<div class="footer loading">

<span id="about" onclick="about()"><i class="fas fa-info-circle white icon"></i></span>
</div>
<div class="mm">
<div class="w3-container">

<div id="about-info" class="w3-modal">
<div class="w3-modal-content rounded">
<div class="w3-container">
<span onclick="abouthide()" class="w3-button w3-display-topright">&times;</span>
<center class="txt2 margint1" id="title-modal">Page</center>
<topcontainer>
<container>ssss</container>
</topcontainer>
<menu onclick="infoPage()"><i class="far fa-file"></i>&nbsp;&nbsp;Page</menu>
<menu onclick="infoPrivacy()"><i class="fas fa-lock"></i>&nbsp;&nbsp;Privacy</menu>
<menu onclick="infoIcons()"><i class="fas fa-shapes"></i>&nbsp;&nbsp;Addons</menu>
<menu onclick="infoAbout()"><i class="fas fa-info-circle menuico"></i>&nbsp;&nbsp;About</menu>


<!-- <p>This page no using cookies.</p>
<p>Policy page : link</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</body>

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<title>Klubuntu - New Future Modern Technology (Official Page)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link id="default-style" rel="stylesheet" href="style.css" />
<!-- <link id="dark-style" rel="stylesheet" href="dark-style.css" /> -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="w3-modal.css">
<script type="text/javascript" src="awesome/js/all.min.js"></script>
<script type="text/javascript" src="easycookie.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<div class="container">
<h1 id="logo" onclick="refresh()">Klubuntu</h1>
<div class="span-elements loading">
<span id="span" onclick="opengt()" class="bg-test"><i class="fab fa-github test"></i
></span>
<span id="span2" onclick="openyt()" class="bg-test"><i class="fab fa-youtube test"></i
></span>
<span id="span3" onclick="openfb()" class="bg-test"><i class="fab fa-facebook test"></i
></span>
<span id="span4" onclick="openpt()" class="bg-test"><i class="fas fa-dollar-sign test"></i
></span>
</div>
</div>
<div class="footer loading">

<span id="about" onclick="about()"><i class="fas fa-info-circle white icon"></i></span>
</div>
<div class="mm" style="transition: all .5s linear;">
<div id="demo-modal" class="modal" role="dialog" tabindex="-1" style="transition: all .5s linear;" onresize="console.log('e')">
<div class="model-inner" style="transition: all .5s linear;">
<div class="modal-header">
<h3>
<span id="back-action">&lsaquo;&nbsp;</span><span id="modal-header-title">About Page</span>
</h3>
<button class="modal-close" data-id="demo-modal" aria-label="Close" onclick="closeModal()">
&times;
</button>
</div>
<p id="start-loading">
<h4>
<center>Update in progress
<progressv></progressv>
</center>
</h4>
</p>
<p id="end-loading">
<center id="other-info">
<h3 onclick="example_load()">Privacy Policy</h3>
<h3 onclick="example_load()">Frameworks</h3>
<h3 onclick="example_load()">Links</h3>
</center>
</p>
<div class="modal-header"></div>
<p id="page-info">
<center id="page-other">
<h5>© Klubuntu (2020-2021)</h5>
<h5>
Page Version 3.0
</h5>
</center>
</p>
</div>
</div>
</div>

</body>

</html>
Loading

1 comment on commit 46c5db8

@vercel
Copy link

@vercel vercel bot commented on 46c5db8 Nov 16, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

Please sign in to comment.