diff --git a/File System Explorer presentation.pptx b/File System Explorer presentation.pptx new file mode 100644 index 00000000..86f97d7b Binary files /dev/null and b/File System Explorer presentation.pptx differ diff --git a/File System Explorer.pdf b/File System Explorer.pdf new file mode 100644 index 00000000..56008384 Binary files /dev/null and b/File System Explorer.pdf differ diff --git a/assets/css/index.css b/assets/css/index.css new file mode 100644 index 00000000..e063ce8b --- /dev/null +++ b/assets/css/index.css @@ -0,0 +1,99 @@ +:root{ + --header-color:#212529; + --main-color:#3D4143; + --white:#ffffff; + --yellow-btn:#3D4143; +} +/* nav url */ +body{ + margin: 0%; + padding: 0%; + +} +section { + margin-bottom: 0px !important; +} +.container-fluid { + margin: 0%; + justify-content: center; + font-size: 1rem; + display: flex; + flex:auto; + width: 100%; + padding-right: 0px; + padding-left: 0px; + margin-right: 0; + margin-left: 0; +} +section .container{ + margin: 0%; + padding: 0%; + width: 100vh; +} + +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-.5 * var(--bs-gutter-x)); + margin-left: calc(-.5 * var(--bs-gutter-x)); +} +.row .col-4 { + display: grid !important; + grid-template-columns: auto auto auto; + grid-template-rows: auto auto auto auto auto auto auto auto auto; + width: 700px !important; + margin-bottom: 2% !important; +} +.fileName { + margin-bottom: 0; + font-size: 1.5vh !important; +} + +.url .breadcrumb{ + background-color: var(--header-color); + color: black; +} +.breadcrumb .active{ + color: black; + font-size: 22px; +} + +#infoCircle{ + color: var(--white); + position:absolute; + right:15px; +} +.breadcrumb { + justify-content: center !important; + display: flex; + flex-wrap: wrap; + padding: 0 0; + margin-bottom: 0.5rem; + list-style: none; +} + +/* ASIDE */ +.options{ + display:flex; + flex-direction: row; + gap:5px; +} +/* Main section */ +main{ + background-color:var(--main-color); +} +.card{ + border-radius:30px; + margin:10px; + max-width:100%; +} + +#nextTo { + width: 70px; +} + + + diff --git a/assets/css/modals.css b/assets/css/modals.css new file mode 100644 index 00000000..11a9aa9e --- /dev/null +++ b/assets/css/modals.css @@ -0,0 +1,23 @@ +/* MODAL INFO */ +.offcanvas{ + visibility: visible!important; +} +.offcanvas-end{ + transform:translateX(0); +} +/* modalFiles */ +#modalFiles img{ + max-width:100%; + max-height: 100%; + } +#modalFiles { + position: fixed; + bottom: 10%; + left: 40%; + } +.offcanvas-header { + display: flex; + align-items: center; + justify-content: center; + padding: 1rem 1rem; +} diff --git a/assets/css/nav-sidebar.css b/assets/css/nav-sidebar.css new file mode 100644 index 00000000..e5b96610 --- /dev/null +++ b/assets/css/nav-sidebar.css @@ -0,0 +1,214 @@ +:root{ + --header-color:#212529; + --main-color:#3D4143; + --white:#ffffff; + --yellow-btn:#3D4143; +} + +.sibeBar{ + margin: 0; +} +.mainC{ + margin: 0%; + flex:80%; + background-color: var(--main-color); +} + +.navbar { + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: justify; + justify-content: space-between; + padding: 0.5rem 1rem; +} +/* .col-left{ + display: flex; + flex-direction:row-reverse; +} +.gridMain { + display: block; + width: 100px; + font-size: 10px; + overflow: hidden; +} */ +.bg-primary { + background-color: var(--white)!important; + border:var(--yellow-btn) solid; + width: 100%; + height: 100vh; + top: 0; right: 0; +} +.container-fluid { + width: 100%; + margin-right: auto; + margin-left: auto; +} +.LogoNav{ + height: 80px; + width: 140px; + margin: 5px 0px 5px 95px; +} +.LogoNav:hover{ + opacity: 0.8; +} +.bg-light { + background-color: #212529 !important; + color:var(--white); +} +/*CSS HOME*/ +.navbar-light .navbar-brand { + color:var(--white); + padding-left: 30px; +} +/*CSS NAV LINK*/ +.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { + color: var(--white); +} +.navbar-light .navbar-nav .nav-link { + color: var(--white); +} +.nav-link { + display: block; + padding: 1.5rem 10rem; + margin: 0px 25px; + font-size: 20px; +} +/*CSS FORM ARCH*/ +.form-control{ + display: block; + width: 100% !important; + height: 70%; + margin-left: 10px; + margin-top: 13px; + padding: .375rem 2rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: .25rem; + transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; +} +/*BUTTONS*/ +/*BUTTON SEARCH*/ +.btn-outline-success{ + color: var(--white); + border-color: var(--white); + margin: 20px !important; + margin-right: 130px !important; +} +.btn-warning{ + color: #212529; + background-color: #ffc107; + border-color: #ffc107; +} +.btnLogin{ + color: var(--white); + border-color: var(--white); + background-color: transparent; + border: 2px solid; +padding: 10px 30px 5px 30px; +margin: 10px 0px 10px 55px; +} +.btn{ +display: inline-block; +font-weight: 400; +text-align: center; +vertical-align: middle; +-webkit-user-select: none; +-moz-user-select: none; +-ms-user-select: none; +user-select: none; +border: 2px solid; +padding: 5px 30px 5px 30px; +margin: 10px 0px 10px 10px; +font-size: 1rem; +line-height: 1.5; +border-radius: .25rem; +transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; +} +.UserIcon{ + height: 70px; + width: 80px; + margin: 5px 0px 5px 20px; +} +.UserIcon:hover{ + opacity: 0.8; +} +/*BTN NEW FILE*/ +#btnCreate{ + display: flex; + flex-direction: center; + text-align: center; + margin-left: 10px; +} +/*SIDEBAR SIDEBAR SIDEBAR SIDEBAR SIDEBAR SIDEBAR*/ + +*{ + margin:0; + padding: 0; + box-sizing: border-box; + font-family: "Poppins", sans-serif; +} +.side-bar{ + display: flex; + flex-direction: center; + flex: auto; + background: var(--header-color); + backdrop-filter: blur(15px); + height: 100vh; + /* position: fixed; */ + top: 0; + left: 0; + overflow-y: auto; +} +.side-bar .menu{ + width: 100%; + margin-top: 40px; +} +.side-bar .menu .item{ + position: relative; + cursor: pointer; +} +.side-bar .menu .item a{ + color: var(--white); + font-size: 16px; + text-decoration: none; + display: block; + padding: 5px 30px; + line-height: 60px; +} +.side-bar .menu .item a:hover{ + background: #8621f8; + transition: 0.3s ease; +} +.side-bar .menu .item i{ + margin-right: 15px; +} +.side-bar .menu .item a .dropdown{ + position: absolute; + right: 0; + margin: 20px; + transition: 0.3s ease; +} +.side-bar .menu .item .sub-menu{ + background:rgba(255, 255, 255, 0.1); + display: none; +} +.side-bar .menu .item .sub-menu a{ + padding-left: 40px; +} +.sub-menu svg { + display: none; +} +li a { + color: black; + font-size: 20px; +} \ No newline at end of file diff --git a/assets/img/dsBuffer.jpg b/assets/img/dsBuffer.jpg new file mode 100644 index 00000000..c4cc600a Binary files /dev/null and b/assets/img/dsBuffer.jpg differ diff --git a/assets/img/formats/csv.png b/assets/img/formats/csv.png new file mode 100644 index 00000000..b686f837 Binary files /dev/null and b/assets/img/formats/csv.png differ diff --git a/assets/img/formats/doc.png b/assets/img/formats/doc.png new file mode 100644 index 00000000..c10d2123 Binary files /dev/null and b/assets/img/formats/doc.png differ diff --git a/assets/img/formats/exe.png b/assets/img/formats/exe.png new file mode 100644 index 00000000..47bdf537 Binary files /dev/null and b/assets/img/formats/exe.png differ diff --git a/assets/img/formats/jpg.png b/assets/img/formats/jpg.png new file mode 100644 index 00000000..f51e715d Binary files /dev/null and b/assets/img/formats/jpg.png differ diff --git a/assets/img/formats/mp3.png b/assets/img/formats/mp3.png new file mode 100644 index 00000000..a58f18e3 Binary files /dev/null and b/assets/img/formats/mp3.png differ diff --git a/assets/img/formats/mp4.png b/assets/img/formats/mp4.png new file mode 100644 index 00000000..8e305891 Binary files /dev/null and b/assets/img/formats/mp4.png differ diff --git a/assets/img/formats/odt.png b/assets/img/formats/odt.png new file mode 100644 index 00000000..7fbb494d Binary files /dev/null and b/assets/img/formats/odt.png differ diff --git a/assets/img/formats/pdf.png b/assets/img/formats/pdf.png new file mode 100644 index 00000000..7fe6825e Binary files /dev/null and b/assets/img/formats/pdf.png differ diff --git a/assets/img/formats/png.png b/assets/img/formats/png.png new file mode 100644 index 00000000..9c14619e Binary files /dev/null and b/assets/img/formats/png.png differ diff --git a/assets/img/formats/ppt.png b/assets/img/formats/ppt.png new file mode 100644 index 00000000..09537275 Binary files /dev/null and b/assets/img/formats/ppt.png differ diff --git a/assets/img/formats/rar.png b/assets/img/formats/rar.png new file mode 100644 index 00000000..bf7d48c1 Binary files /dev/null and b/assets/img/formats/rar.png differ diff --git a/assets/img/formats/svg.png b/assets/img/formats/svg.png new file mode 100644 index 00000000..dd50a068 Binary files /dev/null and b/assets/img/formats/svg.png differ diff --git a/assets/img/formats/txt.png b/assets/img/formats/txt.png new file mode 100644 index 00000000..91e6342d Binary files /dev/null and b/assets/img/formats/txt.png differ diff --git a/assets/img/formats/zip.png b/assets/img/formats/zip.png new file mode 100644 index 00000000..ae56dd01 Binary files /dev/null and b/assets/img/formats/zip.png differ diff --git a/assets/img/img-icon.png b/assets/img/img-icon.png new file mode 100644 index 00000000..9455fcb0 Binary files /dev/null and b/assets/img/img-icon.png differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 00000000..5e715949 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/test.jpg b/assets/img/test.jpg new file mode 100644 index 00000000..675d6682 Binary files /dev/null and b/assets/img/test.jpg differ diff --git a/assets/img/usuario-white.png b/assets/img/usuario-white.png new file mode 100644 index 00000000..66ee50cf Binary files /dev/null and b/assets/img/usuario-white.png differ diff --git a/assets/img/usuario.png b/assets/img/usuario.png new file mode 100644 index 00000000..ad3f0d5d Binary files /dev/null and b/assets/img/usuario.png differ diff --git a/index.php b/index.php new file mode 100644 index 00000000..c1067dfa --- /dev/null +++ b/index.php @@ -0,0 +1,278 @@ + + + + + + + + + Index + + + + + + + + + + + + + + + +
+ + + +
+ + +
+
+
+
+ + +
+ +
+
+
My files +
+ +
+
+
Settings
+
Trash
+
+
+ + + +
+ +
+ + + +
+
+
+ + + + + + + + + + + + + +
+
+
+ + +
+
'; + if ($_GET["format"] === "jpg" || $_GET["format"] === "png") { + echo ''; + } else if ($_GET["format"] === "mp4") { + echo '
+ +
'; + } else if ($_GET["format"] === "mp3") { + echo '
+ +
'; + } + + echo '
+
+ +
+
+
'; + }; + ?> + + +
+
Information
+ +
+
+