Initial commit

.gitignore

@@ -0,0 +1,166 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+#   For a library or package, you might want to ignore these files since the code is
+#   intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# poetry
+#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
+#   This is especially recommended for binary packages to ensure reproducibility, and is more
+#   commonly ignored for libraries.
+#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
+#poetry.lock
+
+# pdm
+#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
+#pdm.lock
+#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
+#   in version control.
+#   https://pdm.fming.dev/latest/usage/project/#working-with-version-control
+.pdm.toml
+.pdm-python
+.pdm-build/
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
+#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
+#  and can be added to the global gitignore or merged into this file.  For a more nuclear
+#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
+#.idea/
+
+static/
+bin/
+.DS_Store

main.py

@@ -0,0 +1,25 @@
+from flask import Flask, render_template
+import glob
+import random
+
+app = Flask(__name__)
+
+imgs = []
+fonts = []
+
+
+@app.route('/')
+def index():
+    return render_template('index.html',
+                           imgp=random.choice(imgs),
+                           fontp=random.choice(fonts))
+
+
+if __name__ == '__main__':
+    for f in glob.glob("./static/images/*"):
+        imgs.append(str(f)[9:])
+
+    for f in glob.glob("./static/fonts/*"):
+        fonts.append(str(f)[9:])
+
+    app.run(host='0.0.0.0', debug=False, port=5555)

pyvenv.cfg

@@ -0,0 +1,5 @@
+home = /opt/homebrew/opt/python@3.12/bin
+include-system-site-packages = false
+version = 3.12.3
+executable = /opt/homebrew/Cellar/python@3.12/3.12.3/Frameworks/Python.framework/Versions/3.12/bin/python3.12
+command = /opt/homebrew/opt/python@3.12/bin/python3.12 -m venv /Users/tanishqdubey/projects/dwssite

requirements.txt

@@ -0,0 +1,7 @@
+blinker==1.8.2
+click==8.1.7
+Flask==3.0.3
+itsdangerous==2.2.0
+Jinja2==3.1.4
+MarkupSafe==2.1.5
+Werkzeug==3.0.3

templates/index.html

@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>DWS</title>
+  <style>
+@font-face { 
+    font-family: 'MyFont'; 
+    src: 
+        url('{{ url_for('static', filename=fontp) }}')
+        format('opentype'); 
+    font-weight: normal; 
+    font-style: normal; 
+} 
+
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  font-family: MyFont;
+}
+.bgimage {
+  background-image: url('{{ url_for('static', filename=imgp) }}');
+  background-color: #cccccc;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  animation: dimBackground 1s ease-in-out forwards;
+}
+
+.content {
+  position: fixed;
+  left: 0;
+  right: 0;
+  z-index: 2;
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  display: grid;
+  grid:
+    "header header header" auto
+    "leftSide body rightSide" 1fr
+    "footer footer footer" auto
+    / auto 1fr auto;
+  gap: 8px;
+  mix-blend-mode: difference;
+}
+
+a {
+  color: #ffffff;
+  text-decoration: none;
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
+
+.header { 
+  grid-area: header; 
+  margin: auto;
+  padding: 1rem;
+  color: #ffffff;
+  font-size: 1.25rem;
+}
+.leftSide { grid-area: leftSide; }
+
+.body { 
+  grid-area: body; 
+  padding: 1rem;
+  font-size: 4rem;
+  z-index: 2;
+  mix-blend-mode: difference;
+}
+
+p {
+  margin: 0;
+  padding: 0.1rem;
+}
+
+.title {
+  font-size: 6rem;
+  color: #ffffff00;
+  animation: textIn 2s ease-in-out forwards;
+  animation-delay: .75s;
+}
+
+.subtitle {
+  font-size: 3rem;
+  overflow: hidden;
+  color: #ffffff;
+}
+
+.rightSide { grid-area: rightSide; }
+
+.footer {
+  grid-area: footer; 
+  padding: 0.5rem;
+  font-size: 1rem;
+}
+
+
+@keyframes textIn {
+  0% {
+    color: #ffffff00;
+  }
+
+  100% {
+    color: #ffffffff;
+  }
+}
+
+@keyframes dimBackground {
+  0% {
+    -webkit-filter: blur(0px) brightness(100%) saturate(100%);
+  }
+  100% {
+    -webkit-filter: blur(2px) brightness(40%) saturate(30%);
+  }
+}
+    </style>
+</head>
+
+<body>
+  <div class="bgimage">
+  </div>
+  <div class="content">
+    <div class="header">
+        <a href='#'>Home</a> |
+        <a href='#'>Services</a> |
+        <a href='#'>About</a> |
+        <a href='#'>Contact</a>
+    </div>
+    <div class="leftSide"></div>
+    <div class="body">
+        <p class="title">DWS</p>
+        <p class="subtitle" id="subtitle"></p>
+      </div>
+    <div class="rightSide"></div>
+    <div class="footer">
+        © DWS 2024, Tanishq Dubey 2024
+    </div>
+  </div>
+
+  <script>
+    var txt = ['It\'s your internet.', 'Take it back.'];
+    var speed = 62;
+    var listDelay = 400;
+
+    async function typeWriter() {
+      console.log("hi");
+      console.log(txt.length);
+      for (let j = 0; j < txt.length; j++) {
+        var ctxt = txt[j];
+        var i = 0;
+        while (i < ctxt.length) {
+          document.getElementById("subtitle").innerHTML += ctxt.charAt(i);
+          i++;
+          await new Promise(r => setTimeout(r, speed));
+        }
+        await new Promise(r => setTimeout(r, listDelay));
+        document.getElementById("subtitle").innerHTML += " ";
+      }
+    }
+
+    window.onload = function() {       
+      setTimeout(function(){
+        typeWriter()
+      },2000); 
+    }
+  </script>
+</body>
+
+</html>