add some css designe

Author: LunguGeorgeProgramator

gallery/__pycache__/scan_dir_class.cpython-37.pyc

@@ -2,18 +2,25 @@
 
 class ScanDir:
 
-    PATH = "c:/Users/George/venv/myProjects/gallery-pic";
+    PATH = "c:/Users/George/venv/myProjects/gallery-pic"
 
-    def scan_dir(self):
+    def scanDirFunc(self):
         files = os.listdir(self.PATH)
-    
-        # for f in files:
-        #     print(f)
-        files = files[:20]
-        return files;
+        return files[:20]
+
+    def getFirstFile(self, files, first_file = True):
+        files_content = []
+        for file in files:
+            if(os.path.isdir(self.PATH + '/' + file) == False):
+                continue
+            files_in_dir = os.listdir(self.PATH + '/' + file)
+            if(first_file == True):
+                files_in_dir = files_in_dir[0]
+            files_content.append({
+                'dir': file,
+                'files_in_dir': file+'/'+files_in_dir
+            })
+        return files_content
+            
+
 
-    def getFirstFile(self, file):
-        if(os.path.isdir(self.PATH + '/' + file)):
-            return self.PATH + '/' + file + '/' + os.listdir(self.PATH + '/' + file)[0]
-        else:
-            return None

gallery/__pycache__/views.cpython-37.pyc

@@ -4,16 +4,12 @@
 
 
 def index(request):
-    files_content = []
-    files = ScanDir().scan_dir()
-    for file in files:
-        first_file = ScanDir().getFirstFile(file)
-        if (first_file):
-            files_content.append({
-                'dir': file,
-                'first_file': first_file
-            })
-    return render(request, 'index.html', {'var_test': 's', 'files': ScanDir().scan_dir(), 'complete_list': files_content})
+    files = ScanDir().scanDirFunc()
+    return render(request, 'index.html', {
+        'var_test': 's', 
+        'files': files, 
+        'complete_list': ScanDir().getFirstFile(files)
+    })
 
 def view(request):
     return render(request, 'view.html', {'var_test': 's2'})

gallery/scan_dir_class.py

@@ -0,0 +1,77 @@
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+.ex2 {
+  height: 388px;
+  overflow: hidden;
+}
+
+.ex3 {
+  height: 50px;
+  overflow: hidden;
+}
+
+/* body { background-color: black; } */
+
+header {
+  padding: 1em;
+  background-color: #333;
+  text-align: center;
+}
+/* h1 { color:#fff;} */
+a:link,
+a:visited {
+  text-decoration: none;
+  font-family: sans-serif;
+  /* color: white; */
+}
+
+/* a:hover { color: #ddd; } */
+
+#author { float: left; }
+
+#repo { float: right; }
+
+#title {
+  display: inline-block;
+  font-weight: bold;
+}
+
+.gallery {
+    -webkit-column-count: 3;
+    -moz-column-count: 3;
+    column-count: 3;
+    -webkit-column-width: 33%;
+    -moz-column-width: 33%;
+    column-width: 33%;
+    }
+.gallery .pics {
+    -webkit-transition: all 350ms ease;
+    transition: all 350ms ease; }
+    .gallery .animation {
+    -webkit-transform: scale(1);
+    -ms-transform: scale(1);
+    transform: scale(1);
+    }
+
+@media (max-width: 450px) {
+    .gallery {
+        -webkit-column-count: 1;
+        -moz-column-count: 1;
+        column-count: 1;
+        -webkit-column-width: 100%;
+        -moz-column-width: 100%;
+        column-width: 100%;
+    }
+}
+
+@media (max-width: 400px) {
+    .btn.filter {
+        padding-left: 1.1rem;
+        padding-right: 1.1rem;
+    }
+}