From 56b274304a14c0b784eaed2745caa365f5ea6726 Mon Sep 17 00:00:00 2001 From: kands221 Date: Wed, 22 Jan 2025 14:16:09 +0800 Subject: [PATCH 1/4] feat(why python): added why python section --- config/static/css/app.css | 254 +++++++++--------- config/static/img/.DS_Store | Bin 6148 -> 8196 bytes config/static/img/beigeleaf.png | Bin 0 -> 3624 bytes .../img/why-python-icons/artificial.svg | 16 ++ .../img/why-python-icons/automation.svg | 7 + .../img/why-python-icons/cloud-computing.svg | 16 ++ .../static/img/why-python-icons/cyber-sec.svg | 24 ++ config/static/img/why-python-icons/data.svg | 21 ++ config/static/img/why-python-icons/laptop.svg | 13 + config/static/img/why-python-icons/mobile.svg | 15 ++ config/static/img/why-python-icons/web.svg | 10 + .../img/why-python-icons/workstation.svg | 16 ++ pyconph/home/templates/home/_why_python.html | 99 +++++++ pyconph/home/templates/home/home_page.html | 1 + 14 files changed, 364 insertions(+), 128 deletions(-) create mode 100644 config/static/img/beigeleaf.png create mode 100644 config/static/img/why-python-icons/artificial.svg create mode 100644 config/static/img/why-python-icons/automation.svg create mode 100644 config/static/img/why-python-icons/cloud-computing.svg create mode 100644 config/static/img/why-python-icons/cyber-sec.svg create mode 100644 config/static/img/why-python-icons/data.svg create mode 100644 config/static/img/why-python-icons/laptop.svg create mode 100644 config/static/img/why-python-icons/mobile.svg create mode 100644 config/static/img/why-python-icons/web.svg create mode 100644 config/static/img/why-python-icons/workstation.svg create mode 100644 pyconph/home/templates/home/_why_python.html diff --git a/config/static/css/app.css b/config/static/css/app.css index e713c9b..6a703d8 100644 --- a/config/static/css/app.css +++ b/config/static/css/app.css @@ -683,6 +683,10 @@ video { z-index: 50; } +.-z-10 { + z-index: -10; +} + .col-span-2 { grid-column: span 2 / span 2; } @@ -794,6 +798,14 @@ video { margin-top: 1.25rem; } +.mb-16 { + margin-bottom: 4rem; +} + +.mb-8 { + margin-bottom: 2rem; +} + .block { display: block; } @@ -858,12 +870,17 @@ video { height: 100%; } +.h-max { + height: -moz-max-content; + height: max-content; +} + .h-screen { height: 100vh; } -.h-8 { - height: 2rem; +.h-16 { + height: 4rem; } .max-h-24 { @@ -886,10 +903,6 @@ video { width: 50%; } -.w-1\/4 { - width: 25%; -} - .w-2\/3 { width: 66.666667%; } @@ -922,8 +935,16 @@ video { width: 100%; } -.w-auto { - width: auto; +.w-16 { + width: 4rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-\[150px\] { + width: 150px; } .max-w-2xl { @@ -954,6 +975,10 @@ video { max-width: 36rem; } +.max-w-4xl { + max-width: 56rem; +} + .flex-grow { flex-grow: 1; } @@ -987,10 +1012,6 @@ video { grid-template-columns: repeat(2, minmax(0, 1fr)); } -.flex-row { - flex-direction: row; -} - .flex-col { flex-direction: column; } @@ -1053,34 +1074,20 @@ video { margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); -} - -.space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } -.space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); -} - .overflow-visible { overflow: visible; } +.overflow-x-auto { + overflow-x: auto; +} + .rounded-full { border-radius: 9999px; } @@ -1105,6 +1112,10 @@ video { border-top-width: 1px; } +.border-r { + border-right-width: 1px; +} + .border-solid { border-style: solid; } @@ -1119,8 +1130,9 @@ video { border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } -.border-\[\#3D521E33\] { - border-color: #3D521E33; +.border-\[\#3D521E\] { + --tw-border-opacity: 1; + border-color: rgb(61 82 30 / var(--tw-border-opacity, 1)); } .bg-\[\#12204A\] { @@ -1147,23 +1159,33 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } +.bg-\[\#fffbebf\] { + background-color: #fffbebf; +} + +.bg-\[\#fffbef\] { + --tw-bg-opacity: 1; + background-color: rgb(255 251 239 / var(--tw-bg-opacity, 1)); +} + .object-contain { -o-object-fit: contain; object-fit: contain; } -.p-6 { - padding: 1.5rem; -} - -.p-2 { - padding: 0.5rem; +.object-cover { + -o-object-fit: cover; + object-fit: cover; } .p-4 { padding: 1rem; } +.p-6 { + padding: 1.5rem; +} + .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; @@ -1204,21 +1226,26 @@ video { padding-bottom: 5rem; } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + .py-32 { padding-top: 8rem; padding-bottom: 8rem; } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - .py-\[17px\] { padding-top: 17px; padding-bottom: 17px; @@ -1229,21 +1256,6 @@ video { padding-bottom: 80px; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - .pr-8 { padding-right: 2rem; } @@ -1252,6 +1264,10 @@ video { padding-top: 2.5rem; } +.pt-2 { + padding-top: 0.5rem; +} + .pt-20 { padding-top: 5rem; } @@ -1264,10 +1280,6 @@ video { padding-top: 70px; } -.pt-2 { - padding-top: 0.5rem; -} - .text-left { text-align: left; } @@ -1320,6 +1332,11 @@ video { line-height: 1.75rem; } +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + .font-bold { font-weight: 700; } @@ -1332,6 +1349,10 @@ video { font-weight: 600; } +.font-normal { + font-weight: 400; +} + .italic { font-style: italic; } @@ -1385,6 +1406,16 @@ video { color: rgb(255 255 255 / 0.9); } +.text-\[\#333333\] { + --tw-text-opacity: 1; + color: rgb(51 51 51 / var(--tw-text-opacity, 1)); +} + +.text-\[\#3D521E\] { + --tw-text-opacity: 1; + color: rgb(61 82 30 / var(--tw-text-opacity, 1)); +} + .underline { text-decoration-line: underline; } @@ -1425,20 +1456,14 @@ video { transition-duration: 150ms; } -.transition-colors { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; +.duration-300 { + transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } -.duration-300 { - transition-duration: 300ms; -} - .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -1535,23 +1560,14 @@ video { } } -.hover\:bg-yellow-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); -} - -.hover\:bg-gray-100:hover { - --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); -} - .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } -.hover\:bg-gray-100\/50:hover { - background-color: rgb(243 244 246 / 0.5); +.hover\:bg-yellow-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1)); } .hover\:text-gray-800:hover { @@ -1650,10 +1666,6 @@ video { display: none; } - .md\:h-auto { - height: auto; - } - .md\:min-h-\[1570px\] { min-height: 1570px; } @@ -1682,16 +1694,28 @@ video { width: 100%; } + .md\:w-1\/3 { + width: 33.333333%; + } + + .md\:w-2\/3 { + width: 66.666667%; + } + + .md\:w-1\/2 { + width: 50%; + } + .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } - .md\:flex-row { - flex-direction: row; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .md\:flex-col { - flex-direction: column; + .md\:flex-row { + flex-direction: row; } .md\:justify-end { @@ -1703,18 +1727,6 @@ video { column-gap: 2rem; } - .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); - } - - .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); - } - .md\:border-0 { border-width: 0px; } @@ -1729,11 +1741,6 @@ video { padding-bottom: 1.5rem; } - .md\:py-\[17px\] { - padding-top: 17px; - padding-bottom: 17px; - } - .md\:pt-0 { padding-top: 0px; } @@ -1757,11 +1764,6 @@ video { line-height: 1; } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; - } - .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -1783,10 +1785,22 @@ video { margin-bottom: 8rem; } + .lg\:w-1\/4 { + width: 25%; + } + + .lg\:w-3\/4 { + width: 75%; + } + .lg\:w-48 { width: 12rem; } + .lg\:flex-row { + flex-direction: row; + } + .lg\:gap-y-8 { row-gap: 2rem; } @@ -1795,16 +1809,6 @@ video { padding-left: 0px; padding-right: 0px; } - - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; - } } @media (min-width: 1280px) { @@ -1816,9 +1820,3 @@ video { display: none; } } - -@media (min-width: 1536px) { - .\32xl\:hidden { - display: none; - } -} diff --git a/config/static/img/.DS_Store b/config/static/img/.DS_Store index 44ec9dda345c2c4e4597bb8ed8a81730e8aec7dd..73b539a8aff69966065ce8907d9424f3ff25e9d5 100644 GIT binary patch delta 318 zcmZoMXmOBWU|?W$DortDU;r^WfEYvza8E20o2aMAD7rCVH}hr%jz7$c**Q2SHn1>? zZsuX}XRa4uC}+rEsASM(C;*ZrKz2Su9*~#GkPK!O=cF43C+FuD08N7df_ifEU0jlK z@{@oXIHb%SdEyova|E)n=nF%&EH^)eNR6oa3Nla~x!Hi{9y6B&H_%d7P$+B` delta 103 zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50$SAlmU^g?P;AS2Hf98p0YZkL} pa0oI36##(%H;`}zsohxkoq009j3-DZ0~5p)kiiU_<9X&V0|00X5D@?X diff --git a/config/static/img/beigeleaf.png b/config/static/img/beigeleaf.png new file mode 100644 index 0000000000000000000000000000000000000000..cb355827b1ce5dc4ba59f0aa91b016d581da747e GIT binary patch literal 3624 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 Lu9;2^&;|KFcZJUB literal 0 HcmV?d00001 diff --git a/config/static/img/why-python-icons/artificial.svg b/config/static/img/why-python-icons/artificial.svg new file mode 100644 index 0000000..220d120 --- /dev/null +++ b/config/static/img/why-python-icons/artificial.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/config/static/img/why-python-icons/automation.svg b/config/static/img/why-python-icons/automation.svg new file mode 100644 index 0000000..d05aa2e --- /dev/null +++ b/config/static/img/why-python-icons/automation.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/config/static/img/why-python-icons/cloud-computing.svg b/config/static/img/why-python-icons/cloud-computing.svg new file mode 100644 index 0000000..0577870 --- /dev/null +++ b/config/static/img/why-python-icons/cloud-computing.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/config/static/img/why-python-icons/cyber-sec.svg b/config/static/img/why-python-icons/cyber-sec.svg new file mode 100644 index 0000000..bca1f4b --- /dev/null +++ b/config/static/img/why-python-icons/cyber-sec.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/config/static/img/why-python-icons/data.svg b/config/static/img/why-python-icons/data.svg new file mode 100644 index 0000000..ef61971 --- /dev/null +++ b/config/static/img/why-python-icons/data.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/config/static/img/why-python-icons/laptop.svg b/config/static/img/why-python-icons/laptop.svg new file mode 100644 index 0000000..ccb2190 --- /dev/null +++ b/config/static/img/why-python-icons/laptop.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/config/static/img/why-python-icons/mobile.svg b/config/static/img/why-python-icons/mobile.svg new file mode 100644 index 0000000..26772d6 --- /dev/null +++ b/config/static/img/why-python-icons/mobile.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/config/static/img/why-python-icons/web.svg b/config/static/img/why-python-icons/web.svg new file mode 100644 index 0000000..4a0568b --- /dev/null +++ b/config/static/img/why-python-icons/web.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/static/img/why-python-icons/workstation.svg b/config/static/img/why-python-icons/workstation.svg new file mode 100644 index 0000000..5359420 --- /dev/null +++ b/config/static/img/why-python-icons/workstation.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/pyconph/home/templates/home/_why_python.html b/pyconph/home/templates/home/_why_python.html new file mode 100644 index 0000000..18b3eb8 --- /dev/null +++ b/pyconph/home/templates/home/_why_python.html @@ -0,0 +1,99 @@ +{% load static %} + +
+
+ + +
+ +
+

Why Python?

+ +

+ We truly believe and support the impact and innovation that Python has brought in the whole + technology industry as it continues to power systems, products, and services of companies + such as Google, Facebook, Spotify, Netflix, AirBnB, Quora, Amazon, Industrial Light and Magic, + NASA, Disney, Instagram, Dropbox, Disqus, Reddit and Bitbucket. +

+

+ Python is also used as a business solution for Web Development, Automation, Monitoring, + Artificial Intelligence, Data Science, Cloud Computing, and more. +

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+ Data Analysis +
+

Data Analysis

+ 		+
+ AI/Machine Learning +
+

AI/Machine Learning

+ 		+
+ Automation +
+

Automation

+
+
+ Cloud Computing +
+

Cloud Computing

+ 		+
+ Web Apps +
+

Web Apps

+ 		+
+ Mobile Apps +
+

Mobile Apps

+
+
+ Desktop Apps +
+

Desktop Apps

+ 		+
+ Software Testing +
+

Software Testing

+ 		+
+ Cyber Security +
+

Cyber Security

+
+
+
+
+
+ +
\ No newline at end of file diff --git a/pyconph/home/templates/home/home_page.html b/pyconph/home/templates/home/home_page.html index b9021fb..81cf5d1 100644 --- a/pyconph/home/templates/home/home_page.html +++ b/pyconph/home/templates/home/home_page.html @@ -51,6 +51,7 @@ {% include "home/_what_is_pycon.html" %} {% include "home/_expect.html" %} + {% include "home/_why_python.html" %} {% include "home/_tickets.html" %} {% include "home/_venue.html" %} From 05f23ed71f53da52f3896ba270e3fb3039a5d32e Mon Sep 17 00:00:00 2001 From: kands221 Date: Wed, 22 Jan 2025 15:36:36 +0800 Subject: [PATCH 2/4] feat(WhatIsPycon): Added what is pycon under why python --- config/static/css/app.css | 275 +++++++++++++++++++ config/static/img/beigeleaf-2.png | Bin 0 -> 3552 bytes pyconph/home/templates/home/_why_python.html | 267 ++++++++++++------ 3 files changed, 465 insertions(+), 77 deletions(-) create mode 100644 config/static/img/beigeleaf-2.png diff --git a/config/static/css/app.css b/config/static/css/app.css index 6a703d8..9cafeee 100644 --- a/config/static/css/app.css +++ b/config/static/css/app.css @@ -671,6 +671,58 @@ video { top: calc(4rem + 2px); } +.left-20 { + left: 5rem; +} + +.-left-20 { + left: -5rem; +} + +.-left-0 { + left: -0px; +} + +.-left-16 { + left: -4rem; +} + +.-left-32 { + left: -8rem; +} + +.-left-36 { + left: -9rem; +} + +.-left-40 { + left: -10rem; +} + +.top-10 { + top: 2.5rem; +} + +.-right-40 { + right: -10rem; +} + +.-right-20 { + right: -5rem; +} + +.-right-24 { + right: -6rem; +} + +.-right-8 { + right: -2rem; +} + +.-left-8 { + left: -2rem; +} + .z-10 { z-index: 10; } @@ -687,6 +739,10 @@ video { z-index: -10; } +.-z-0 { + z-index: 0; +} + .col-span-2 { grid-column: span 2 / span 2; } @@ -806,6 +862,10 @@ video { margin-bottom: 2rem; } +.mt-10 { + margin-top: 2.5rem; +} + .block { display: block; } @@ -883,6 +943,14 @@ video { height: 4rem; } +.h-64 { + height: 16rem; +} + +.h-8 { + height: 2rem; +} + .max-h-24 { max-height: 6rem; } @@ -947,6 +1015,62 @@ video { width: 150px; } +.w-1\/3 { + width: 33.333333%; +} + +.w-\[100px\] { + width: 100px; +} + +.w-\[400px\] { + width: 400px; +} + +.w-96 { + width: 24rem; +} + +.w-\[80px\] { + width: 80px; +} + +.w-\[30px\] { + width: 30px; +} + +.w-\[200\] { + width: 200; +} + +.w-\[500px\] { + width: 500px; +} + +.w-\[600px\] { + width: 600px; +} + +.w-\[1000px\] { + width: 1000px; +} + +.w-60 { + width: 15rem; +} + +.w-24 { + width: 6rem; +} + +.w-8 { + width: 2rem; +} + +.min-w-\[450px\] { + min-width: 450px; +} + .max-w-2xl { max-width: 42rem; } @@ -979,6 +1103,14 @@ video { max-width: 56rem; } +.max-w-7xl { + max-width: 80rem; +} + +.max-w-\[1260px\] { + max-width: 1260px; +} + .flex-grow { flex-grow: 1; } @@ -987,6 +1119,10 @@ video { flex-basis: 50%; } +.table-auto { + table-layout: auto; +} + .table-fixed { table-layout: fixed; } @@ -1000,6 +1136,31 @@ video { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.rotate-90 { + --tw-rotate: 90deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.rotate-180 { + --tw-rotate: 180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.skew-y-12 { + --tw-skew-y: 12deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.skew-x-12 { + --tw-skew-x: 12deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.-skew-y-12 { + --tw-skew-y: -12deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1020,6 +1181,10 @@ video { flex-wrap: wrap; } +.content-center { + align-content: center; +} + .items-start { align-items: flex-start; } @@ -1080,6 +1245,20 @@ video { margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } +.space-y-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2rem * var(--tw-space-y-reverse)); +} + +.overflow-auto { + overflow: auto; +} + +.overflow-hidden { + overflow: hidden; +} + .overflow-visible { overflow: visible; } @@ -1088,6 +1267,14 @@ video { overflow-x: auto; } +.overflow-x-hidden { + overflow-x: hidden; +} + +.whitespace-nowrap { + white-space: nowrap; +} + .rounded-full { border-radius: 9999px; } @@ -1135,6 +1322,10 @@ video { border-color: rgb(61 82 30 / var(--tw-border-opacity, 1)); } +.border-opacity-20 { + --tw-border-opacity: 0.2; +} + .bg-\[\#12204A\] { --tw-bg-opacity: 1; background-color: rgb(18 32 74 / var(--tw-bg-opacity, 1)); @@ -1256,6 +1447,16 @@ video { padding-bottom: 80px; } +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} + +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + .pr-8 { padding-right: 2rem; } @@ -1292,6 +1493,10 @@ video { text-align: right; } +.align-top { + vertical-align: top; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -1416,6 +1621,11 @@ video { color: rgb(61 82 30 / var(--tw-text-opacity, 1)); } +.text-\[\#FF9500\] { + --tw-text-opacity: 1; + color: rgb(255 149 0 / var(--tw-text-opacity, 1)); +} + .underline { text-decoration-line: underline; } @@ -1436,6 +1646,10 @@ video { text-underline-offset: 2px; } +.opacity-50 { + opacity: 0.5; +} + .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); @@ -1642,10 +1856,22 @@ video { } @media (min-width: 768px) { + .md\:relative { + position: relative; + } + .md\:top-\[calc\(5rem\+2px\)\] { top: calc(5rem + 2px); } + .md\:-right-24 { + right: -6rem; + } + + .md\:-left-40 { + left: -10rem; + } + .md\:order-last { order: 9999; } @@ -1658,6 +1884,10 @@ video { margin-top: 0px; } + .md\:mt-10 { + margin-top: 2.5rem; + } + .md\:block { display: block; } @@ -1666,6 +1896,10 @@ video { display: none; } + .md\:h-10 { + height: 2.5rem; + } + .md\:min-h-\[1570px\] { min-height: 1570px; } @@ -1706,6 +1940,30 @@ video { width: 50%; } + .md\:w-\[100px\] { + width: 100px; + } + + .md\:w-\[1000px\] { + width: 1000px; + } + + .md\:w-\[10000px\] { + width: 10000px; + } + + .md\:w-\[1500px\] { + width: 1500px; + } + + .md\:w-\[150px\] { + width: 150px; + } + + .md\:w-10 { + width: 2.5rem; + } + .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -1731,6 +1989,10 @@ video { border-width: 0px; } + .md\:p-6 { + padding: 1.5rem; + } + .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -1741,10 +2003,19 @@ video { padding-bottom: 1.5rem; } + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .md\:pt-0 { padding-top: 0px; } + .md\:pt-10 { + padding-top: 2.5rem; + } + .md\:text-left { text-align: left; } @@ -1773,6 +2044,10 @@ video { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } + + .md\:opacity-100 { + opacity: 1; + } } @media (min-width: 1024px) { diff --git a/config/static/img/beigeleaf-2.png b/config/static/img/beigeleaf-2.png new file mode 100644 index 0000000000000000000000000000000000000000..9da2d80f55103f6970d63e8e299f8fbee1bc2a3d GIT binary patch literal 3552 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 literal 0 HcmV?d00001 diff --git a/pyconph/home/templates/home/_why_python.html b/pyconph/home/templates/home/_why_python.html index 18b3eb8..573d90d 100644 --- a/pyconph/home/templates/home/_why_python.html +++ b/pyconph/home/templates/home/_why_python.html @@ -1,99 +1,212 @@ {% load static %} + +
-
- + +
+
-

Why Python?

+

Why Python?

- We truly believe and support the impact and innovation that Python has brought in the whole - technology industry as it continues to power systems, products, and services of companies - such as Google, Facebook, Spotify, Netflix, AirBnB, Quora, Amazon, Industrial Light and Magic, - NASA, Disney, Instagram, Dropbox, Disqus, Reddit and Bitbucket. + We truly believe and support the impact and innovation that Python has brought in the whole technology industry as it continues to power systems, products, and services of companies such as Google, Facebook, Spotify, Netflix, AirBnB, Quora, Amazon, Industrial Light and Magic, NASA, Disney, Instagram, Dropbox, Disqus, Reddit and Bitbucket.

- Python is also used as a business solution for Web Development, Automation, Monitoring, - Artificial Intelligence, Data Science, Cloud Computing, and more. + Python is also used as a business solution for Web Development, Automation, Monitoring, Artificial Intelligence, Data Science, Cloud Computing, and more.

-
- - - - - - - - +
+
+
-
- Data Analysis -
-

Data Analysis

- 		-
- AI/Machine Learning -
-

AI/Machine Learning

- 		-
- Automation -
-

Automation

-
+ + + + + + + - - - - - - + + + + + + - - - - - - - -
+
+ Data Analysis +
+

Data Analysis

+ 		+
+ AI/Machine Learning +
+

AI/Machine Learning

+ 		+
+ Automation +
+

Automation

+
-
- Cloud Computing -
-

Cloud Computing

- 		-
- Web Apps -
-

Web Apps

- 		-
- Mobile Apps -
-

Mobile Apps

-
+
+ Cloud Computing +
+

Cloud Computing

+ 		+
+ Web Apps +
+

Web Apps

+ 		+
+ Mobile Apps +
+

Mobile Apps

+
-
- Desktop Apps -
-

Desktop Apps

- 		-
- Software Testing -
-

Software Testing

- 		-
- Cyber Security -
-

Cyber Security

-
+ + + +
+ Desktop Apps +
+

Desktop Apps

+ + +
+ Software Testing +
+

Software Testing

+ + +
+ Cyber Security +
+

Cyber Security

+ + + + +
+ + +
+
+ +
+

What is PyCon?

+

Magic happens when people come together to achieve common goals.

+

Magic happens when people come together to achieve common goals.

+
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Call for Sponsors

+
+

Submission deadline:

+

January 31, 2024

+
+
+

Call for Volunteers

+
+

Submission Deadline:

+

January 31, 2024

+
+
+

Individual Sponsors

+
+

Individuals can also sponsor as patrons for any amount.

+

Look for "Individual Patron Sponsorship" at our ticketing page

+
+
+
+
+
+
\ No newline at end of file From 283545b807a2a0bc5392d211518aeff8588f17e5 Mon Sep 17 00:00:00 2001 From: kands221 Date: Wed, 22 Jan 2025 17:06:11 +0800 Subject: [PATCH 3/4] refactor: added closed to cfp and cfv --- config/static/css/app.css | 13 +++++++++++++ pyconph/home/templates/home/_why_python.html | 6 +++--- 2 files changed, 16 insertions(+), 3 deletions(-) diff --git a/config/static/css/app.css b/config/static/css/app.css index 9cafeee..04187eb 100644 --- a/config/static/css/app.css +++ b/config/static/css/app.css @@ -1626,6 +1626,11 @@ video { color: rgb(255 149 0 / var(--tw-text-opacity, 1)); } +.text-\[\#61491B\] { + --tw-text-opacity: 1; + color: rgb(97 73 27 / var(--tw-text-opacity, 1)); +} + .underline { text-decoration-line: underline; } @@ -1985,6 +1990,14 @@ video { column-gap: 2rem; } + .md\:overflow-auto { + overflow: auto; + } + + .md\:overflow-x-visible { + overflow-x: visible; + } + .md\:border-0 { border-width: 0px; } diff --git a/pyconph/home/templates/home/_why_python.html b/pyconph/home/templates/home/_why_python.html index 573d90d..6129c6f 100644 --- a/pyconph/home/templates/home/_why_python.html +++ b/pyconph/home/templates/home/_why_python.html @@ -100,7 +100,7 @@

Cyber Security

-
+

What is PyCon?

@@ -121,14 +121,14 @@

What is PyCon?< -

Call for Sponsors

+

(Closed) Call for Sponsors

Submission deadline:

January 31, 2024

-

Call for Volunteers

+

(Closed) Call for Volunteers

Submission Deadline:

January 31, 2024

From 7ddfe54674a197ddfdf4c9f4a178d3a28c5affa2 Mon Sep 17 00:00:00 2001 From: kands221 Date: Wed, 22 Jan 2025 17:29:28 +0800 Subject: [PATCH 4/4] style: fix the styling of table --- config/static/css/app.css | 89 +++++++++++++++++++ pyconph/home/templates/home/_why_python.html | 93 ++++++++++---------- 2 files changed, 137 insertions(+), 45 deletions(-) diff --git a/config/static/css/app.css b/config/static/css/app.css index 04187eb..12f3b68 100644 --- a/config/static/css/app.css +++ b/config/static/css/app.css @@ -1067,6 +1067,10 @@ video { width: 2rem; } +.w-3\/4 { + width: 75%; +} + .min-w-\[450px\] { min-width: 450px; } @@ -1111,6 +1115,46 @@ video { max-width: 1260px; } +.max-w-\[10px\] { + max-width: 10px; +} + +.max-w-\[100px\] { + max-width: 100px; +} + +.max-w-\[100000px\] { + max-width: 100000px; +} + +.max-w-\[1\/2\] { + max-width: 1/2; +} + +.max-w-\[1\/4\] { + max-width: 1/4; +} + +.max-w-\[1400px\] { + max-width: 1400px; +} + +.max-w-\[800px\] { + max-width: 800px; +} + +.max-w-\[30px\] { + max-width: 30px; +} + +.max-w-\[20px\] { + max-width: 20px; +} + +.max-w-\[500px\] { + max-width: 500px; +} + .flex-grow { flex-grow: 1; } @@ -1165,6 +1209,10 @@ video { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.snap-center { + scroll-snap-align: center; +} + .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } @@ -1861,6 +1909,10 @@ video { } @media (min-width: 768px) { + .md\:static { + position: static; + } + .md\:relative { position: relative; } @@ -1877,6 +1929,22 @@ video { left: -10rem; } + .md\:-right-20 { + right: -5rem; + } + + .md\:right-20 { + right: 5rem; + } + + .md\:right-10 { + right: 2.5rem; + } + + .md\:right-0 { + right: 0px; + } + .md\:order-last { order: 9999; } @@ -1897,6 +1965,10 @@ video { display: block; } + .md\:flex { + display: flex; + } + .md\:hidden { display: none; } @@ -1969,6 +2041,18 @@ video { width: 2.5rem; } + .md\:w-3\/4 { + width: 75%; + } + + .md\:w-16 { + width: 4rem; + } + + .md\:max-w-7xl { + max-width: 80rem; + } + .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -2053,6 +2137,11 @@ video { line-height: 1.25rem; } + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .md\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); diff --git a/pyconph/home/templates/home/_why_python.html b/pyconph/home/templates/home/_why_python.html index 6129c6f..689bee4 100644 --- a/pyconph/home/templates/home/_why_python.html +++ b/pyconph/home/templates/home/_why_python.html @@ -100,57 +100,60 @@

Cyber Security

-
- +
+

What is PyCon?

Magic happens when people come together to achieve common goals.

Magic happens when people come together to achieve common goals.

-