diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..d9bcaaa --- /dev/null +++ b/Dockerfile @@ -0,0 +1,12 @@ +FROM node:20 + +WORKDIR /usr/src/app + +COPY package*.json ./ +RUN npm install + +COPY . . + +EXPOSE 8080 + +CMD [ "node", "index.js" ] \ No newline at end of file diff --git a/static/style.css b/static/style.css index 2151700..0f6b997 100644 --- a/static/style.css +++ b/static/style.css @@ -67,20 +67,6 @@ img { transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); } -.pfp { - border-radius: 15px; - border: darkgray 4px solid; - width: 60%; - transform: scale(0.9); - border-radius: 50%; -} - -.pfp:hover { - transform: scale(1); - border-color: rgb(255, 200, 255); - object-fit: cover; -} - hr { color: white; opacity: 0.25; @@ -88,97 +74,6 @@ hr { margin: 15px 10%; } -#card { - background-color: rgb(75, 25, 100); - padding: 15px; - border: 2px white solid; - margin: 20px auto; - width: 95%; - max-width: 800px; - z-index: 3; - position: relative; -} - -.me { - border-color: limegreen; -} - -/* I am so sorry about this code,,, */ - -.love::before { - content: "<3 "; - color: rgb(255, 100, 150); -} - -.like::before { - content: ":) "; - color: limegreen; -} - -.silly::before { - content: ":P "; - color: aqua; -} - -.fine::before { - content: ":/ "; - color: yellow; -} - -.hate::before { - content: ">:( "; - color: red; -} - -.love { - border-color: rgb(255, 100, 150); -} - -.like { - border-color: limegreen; -} - -.silly { - border-color: aqua; -} - -.fine { - border-color: yellow; -} - -.hate { - border-color: red; -} - -.up { - border-color: limegreen; -} - -.mid { - border-color: yellow; -} - -.down { - border-color: red; -} - -.post { - background-color: rgba(85, 50, 150, 0.3); - border: 2px gray solid; - display: inline-block; - /* border-radius: 15px; */ - padding: 10px; - margin: 8px; -} - -.minipfp { - width: 70px; - display: inline-block; - margin-right: 10px; - border: 2px lightgray solid; - border-radius: 5px; -} - @keyframes fade-in { 0% { opacity: 0; @@ -189,158 +84,4 @@ hr { opacity: 1; transform: none; } -} - -.snowflake { - color: white; - font-size: 0.5em; - font-family: Arial, sans-serif; - text-shadow: 0 0 5px #000; - visibility: hidden; -} - -.snowflake, -.snowflake .inner { - z-index: 1; - animation-iteration-count: infinite; - animation-play-state: running -} - -@keyframes snowflakes-fall { - 0% { - visibility: visible; - transform: translateY(0) - } - - 100% { - visibility: visible; - transform: translateY(110vh) - } -} - -@keyframes snowflakes-shake { - - 0%, - 100% { - transform: translateX(0) - } - - 50% { - transform: translateX(80px) - } -} - -.snowflake { - position: fixed; - top: -10%; - -webkit-user-select: none; - user-select: none; - cursor: default; - animation-name: snowflakes-shake; - animation-delay: 0.5s; - animation-duration: 3s; - animation-timing-function: ease-in-out -} - -.snowflake .inner { - animation-duration: 10s; - animation-delay: 0.5s; - animation-name: snowflakes-fall; - animation-timing-function: linear -} - -.snowflake:nth-of-type(0) { - left: 1%; - animation-delay: 0s -} - -.snowflake:nth-of-type(0) .inner { - animation-delay: 0s -} - -.snowflake:first-of-type { - left: 10%; - animation-delay: 1s -} - -.snowflake:first-of-type .inner, -.snowflake:nth-of-type(8) .inner { - animation-delay: 1s -} - -.snowflake:nth-of-type(2) { - left: 20%; - animation-delay: .5s -} - -.snowflake:nth-of-type(2) .inner, -.snowflake:nth-of-type(6) .inner { - animation-delay: 6s -} - -.snowflake:nth-of-type(3) { - left: 30%; - animation-delay: 2s -} - -.snowflake:nth-of-type(11) .inner, -.snowflake:nth-of-type(3) .inner { - animation-delay: 4s -} - -.snowflake:nth-of-type(4) { - left: 40%; - animation-delay: 2s -} - -.snowflake:nth-of-type(10) .inner, -.snowflake:nth-of-type(4) .inner { - animation-delay: 2s -} - -.snowflake:nth-of-type(5) { - left: 50%; - animation-delay: 3s -} - -.snowflake:nth-of-type(5) .inner { - animation-delay: 8s -} - -.snowflake:nth-of-type(6) { - left: 60%; - animation-delay: 2s -} - -.snowflake:nth-of-type(7) { - left: 70%; - animation-delay: 1s -} - -.snowflake:nth-of-type(7) .inner { - animation-delay: 2.5s -} - -.snowflake:nth-of-type(8) { - left: 80%; - animation-delay: 0s -} - -.snowflake:nth-of-type(9) { - left: 90%; - animation-delay: 1.5s -} - -.snowflake:nth-of-type(9) .inner { - animation-delay: 3s -} - -.snowflake:nth-of-type(10) { - left: 25%; - animation-delay: 0s -} - -.snowflake:nth-of-type(11) { - left: 65%; - animation-delay: 2.5s } \ No newline at end of file