zebra-day 0.0.37__py3-none-any.whl → 2.0.0__py3-none-any.whl

zebra_day/static/popday_daylily.css

@@ -0,0 +1,140 @@
+@font-face {
+    font-family: 'Monoid';
+    src: url('/etc/Monoid-Regular-HalfTight-Dollar-0-1-l.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+    font-family: 'Monoid', monospace;
+    background-color: #FFD700; /* Bold golden background reminiscent of Warhol's color palette */
+    color: #D91E63; /* Bold Pink text, Warhol-esque */
+    margin: 0;
+    padding: 20px;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 2.9)), url('./daylily.png');
+    background-repeat: repeat;
+}
+
+h1, h2 {
+    color: #2E86C1; /* Vibrant blue for headers */
+    border-bottom: 3px solid #2E86C1;
+    padding-bottom: 5px;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+    margin-left: 21px;
+}
+
+li::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background-color: #D91E63; /* Reusing bold pink color */
+    margin-right: 10px;
+    vertical-align: middle;
+}
+
+a {
+    color: #196F3D; /* A deep green for links, contrast with the daylily theme */
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+a:hover {
+    color: #2E86C1; /* Vibrant blue on hover */
+}
+
+small {
+    color: #7D3C98; /* Purple tint for smaller text, keeping with the vibrant palette */
+}
+
+.spinner-hidden {
+    display: none;
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(255,215,0,0.7); /* Transparent golden background, keeping in theme */
+    z-index: 1000;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+#spinner {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 9999;
+}
+
+.loader, .cloader {
+    border: 8px solid #7D3C98; /* Purple borders */
+    border-top: 8px solid #2E86C1; /* Blue on top to keep the spinning noticeable */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+hr {
+    border: 0;
+    height: 2px;
+    background-image: linear-gradient(to right, #D91E63, #FFD700, #2E86C1);
+    margin: 20px 0;
+}
+
+input[type=text], textarea, select {
+    background-color: #FFFFFF; /* White background for input fields */
+    color: #D91E63; /* Pink text */
+    border: 2px solid #196F3D; /* Green border */
+    border-radius: 5px;
+    padding: 5px 10px;
+    outline: none;
+    transition: background-color 0.3s ease;
+}
+
+input[type=text]:hover, textarea:hover, select:hover {
+    background-color: #FFFAE5; /* A very light yellow for hover */
+}
+
+input[type=submit], button, input[type="button"] {
+    background-color: #D91E63; /* Pink buttons */
+    color: #FFFFFF; /* White text on buttons */
+    border: none;
+    border-radius: 5px;
+    padding: 8px 15px;
+    cursor: pointer;
+    outline: none;
+    transition: background-color 0.3s ease;
+}
+
+input[type=submit]:hover, button:hover, input[type="button"]:hover {
+    background-color: #E74C3C; /* Reddish hover effect */
+}
+
+textarea::-webkit-scrollbar {
+    width: 10px;
+}
+
+textarea::-webkit-scrollbar-thumb {
+    background-color: #2E86C1;
+    border-radius: 5px;
+}
+
+textarea::-webkit-scrollbar-track {
+    background-color: #FFD700; /* Golden background to keep in theme */
+    border-radius: 5px;
+}
+
+#spinner.spinner-hidden {
+    display: none;
+}

zebra_day/static/style.css

@@ -0,0 +1,183 @@
+/* Fonts and Base */
+
+:root {
+    --hrColor: #C400DB;
+}
+
+.hrTiny {
+    height: 1px;
+    background-color: var(--hrColor);
+    width:100%;
+}
+
+.hrSmall {
+    height: 2px;
+    background-color: var(--hrColor);
+    width:100%;
+}
+
+.hrMed {
+    height: 3px;
+    width: 100%;
+    background-color: var(--hrColor);
+}
+
+.hrLarge {
+    height: 4px;
+    background-color: var(--hrColor);
+    width:100%;
+}
+
+.hrVLarge {
+    height: 5px;
+    background-color: var(--hrColor);
+    width:100%;
+}
+
+h3 {
+    margin-bottom: auto;
+}
+    
+@import url('https://fonts.googleapis.com/css2?family=DejaVu+Sans+Mono&display=swap');
+
+.spinner-hidden {
+    display: none;
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(0,0,0,0.6);
+    z-index: 1000;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+#spinner.spinner-hidden {
+    display: none;
+}
+
+
+#spinner {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 9999;
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-top: 8px solid #00FFFF; /* Spinner color */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
+}
+
+.cloader {
+    border: 16px solid #f3f3f3;
+    border-top: 16px solid #3498db;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+
+body {
+    font-family: 'DejaVu Sans Mono', monospace;
+    background-color: #f5f7fa; /* Very light blue background, reminiscent of clinical settings */
+    color: #333;
+    margin: 0;
+    padding: 20px;
+    line-height: 1.6;
+}
+
+/* Headers: Using deep blue for a professional and medical feel */
+h1, h2, h3, h4, h5, h6 {
+    color: #0052cc;
+    margin-top: 0;
+}
+
+/* Links */
+a {
+    color: #007bff; /* Modern blue */
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+a:hover {
+    color: #0052cc; /* Darker blue for hover effect */
+}
+
+/* Lists */
+ul, ol {
+    padding-left: 20px;
+}
+
+li {
+    margin-bottom: 10px;
+}
+
+/* Buttons and Interactive Elements */
+button, input[type="submit"], input[type="button"] {
+    background-color: #007bff; /* Consistent modern blue */
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    padding: 10px 15px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+button:hover, input[type="submit"]:hover, input[type="button"]:hover {
+    background-color: #0052cc; /* Darker blue for hover */
+}
+
+/* Forms */
+input[type="text"], input[type="email"], input[type="password"], textarea, select {
+    background-color: rgba(11,92,133,.4);
+    padding: 10px;
+    margin-bottom: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+/* Divider */
+hr {
+    border: 0;
+    height: 1px;
+    background-color: #e1e1e1; /* Light gray divider */
+    margin: 20px 0;
+}
+
+/* Callouts for Important Info (think of alerts or side notes) */
+.callout {
+    padding: 15px;
+    border-left: 4px solid #00cc99; /* Green to signify life/growth */
+    background-color: #e6f9f5; /* Light green background */
+    margin-bottom: 20px;
+}
+
+/* Dark Mode Toggle (for modernity) */
+.dark-mode-toggle {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background: none;
+    border: none;
+    color: #0052cc;
+    font-size: 24px;
+    cursor: pointer;
+    transition: color 0.3s ease;
+}
+
+.dark-mode-toggle:hover {
+    color: #007bff;
+}
+
+/* If you implement dark mode, you'll need styles for it here */
+

zebra_day/static/triangles.css

@@ -0,0 +1,122 @@
+@font-face {
+    font-family: 'Monoid';
+    src: url('/etc/Monoid-Regular-HalfTight-Dollar-0-1-l.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+    font-family: 'Monoid', monospace;
+    background: repeating-linear-gradient(
+        60deg,
+        rgba(211,44,201,0.1),
+        rgba(211,44,201,0.1) 15px,
+        rgba(52,152,219,0.1) 15px,
+        rgba(52,152,219,0.1) 30px
+    ); /* Triangular pattern using gradient */
+    color: rgba(111, 97, 232,1);
+    margin: 0;
+    padding: 20px;
+}
+
+h1, h2 {
+    color: #F0E442; /* Electric Yellow */
+    border-bottom: 3px solid #8D4DE8; /* Vibrant Purple Border */
+    padding-bottom: 5px;
+    background: linear-gradient(90deg, rgba(241,39,17,1) 0%, rgba(245,175,25,1) 50%, rgba(45,191,73,1) 100%); /* Psychedelic gradient */
+    text-shadow: 2px 2px #00FFFF;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+    margin-left: 21px;
+}
+
+li::before {
+    content: '\25B2'; /* Unicode triangle symbol */
+    color: #F0E442; /* Electric Yellow */
+    margin-right: 7px;
+    font-size: 1rem;
+    vertical-align: middle;
+    animation: pulsate 15s infinite alternate;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+@keyframes pulsate {
+    0% { color: #D32CC9; }
+    50% { color: #3498db; }
+    100% { color: #F0E442; }
+}
+
+a {
+    color: #8D4DE8;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+a:hover {
+    color: #E62EFA; /* Electric Pink for Hover */
+}
+
+small {
+    color: #B0B0B0;
+}
+
+.spinner-hidden {
+    display: none;
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(241,39,17,0.6);
+    z-index: 1000;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+#spinner.spinner-hidden {
+    display: none;
+}
+
+#spinner {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 9999;
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-top: 8px solid #E62EFA; /* Electric Yellow Spinner */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
+}
+
+.cloader {
+    border: 16px solid #f3f3f3;
+    border-top: 16px solid #8D4DE8; /* Vibrant Purple Spinner */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 2s linear infinite;
+}
+
+hr {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, #E62EFA, #D32CC9, #8D4DE8);
+    margin: 20px 0;
+}
+
+/* ... Keep the form styles, just switch out colors to match the new theme ... */
+/* E.g., input[type=text] styles, button styles, etc. */
+
+/* Use the psychedelic colors like #D32CC9 (Pink Purple), #8D4DE8 (Vibrant Purple), 
+#F0E442 (Electric Yellow), etc. in the form element styling. */

zebra_day/static/tron.css

@@ -0,0 +1,277 @@
+@font-face {
+    font-family: 'Monoid';
+    src: url('/etc/Monoid-Regular-HalfTight-Dollar-0-1-l.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+body {
+    font-family: 'Monoid', monospace;
+    background-color: #121212; /* Dark gray background for the body */
+    color: #EFEFEF;
+    margin: 0;
+    padding: 20px;
+}
+
+
+h1, h2 {
+    color: #00FFFF; /* Bright cyan for headers */
+    border-bottom: 3px solid #00FFFF; /* Border color matches headers */
+    padding-bottom: 5px;
+}
+
+ul {
+    list-style-type: none; /* Remove default bullets */
+    padding: 0;
+    margin-left: 21px; /* Provide spacing for our custom bullet */
+}
+
+li::before {
+    content: ''; /* No actual content */
+    display: inline-block;
+    width: 3px; /* Width of the ring */
+    height: 3px; /* Height of the ring */
+    border-radius: 50%; /* Make it circular */
+    border: 0.6px solid #00FFFF; /* Neon blue border for the ring */
+    background-color: #121212; /* Match the background color */
+    margin-right: 7px; /* Spacing between the bullet and text */
+    box-shadow: 0 0 3px #00FFFF, /* Outer glow */
+                0 0 5px #00FFFF, /* More outer glow */
+                inset 0 0 3px #00FFFF; /* Inner glow */
+    vertical-align: middle; /* Center the bullet vertically in line with the text */
+}
+
+@keyframes pulsate {
+    0% {
+        box-shadow: 0 0 3px #00FFFF, 0 0 4px #00FFFF, inset 0 0 3px #00FFFF;
+    }
+    50% {
+        box-shadow: 0 0 4px #1AFFD8, 0 0 7px #1AFFD8, inset 0 0 4px #1AFFD8;
+    }
+    100% {
+        box-shadow: 0 0 3px #00FFFF, 0 0 5px #00FFFF, inset 0 0 3px #00FFFF;
+    }
+}
+
+li::before {
+    /* ... (all the previous styles from above) ... */
+    animation: pulsate 15s infinite alternate;
+}
+
+
+a {
+    color: #00FFFF; /* Links have the same bright cyan color */
+    text-decoration: none; /* Removes the underline from links */
+    transition: color 0.3s ease; /* Smooth color transition for hover effect */
+}
+
+a:hover {
+    color: #1AFFD8; /* Slightly different shade of cyan for hover */
+}
+
+small {
+    color: #B0B0B0; /* Slightly dimmed color for smaller text */
+}
+
+.spinner-hidden {
+    display: none;
+    position: fixed;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: rgba(0,0,0,0.6);
+    z-index: 1000;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+#spinner.spinner-hidden {
+    display: none;
+}
+
+
+#spinner {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 9999;
+}
+
+.loader {
+    border: 8px solid #f3f3f3;
+    border-top: 8px solid #00FFFF; /* Spinner color */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
+}
+
+.cloader {
+    border: 16px solid #f3f3f3;
+    border-top: 16px solid #3498db;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 2s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+hr {
+    border: 0;
+    height: 1px;
+    background-image: linear-gradient(to right, #00FFFF, #121212, #00FFFF); /* Gradient line effect */
+    margin: 20px 0;
+}
+
+input[type=text] {
+    background-color: #202020; /* Slightly lighter than body background */
+    color: #EFEFEF; /* Text color inside the input box */
+    border: 2px solid #00FFFF; /* Border color */
+    border-radius: 5px; /* Rounded corners */
+    padding: 5px 10px;
+    outline: none;
+    transition: background-color 0.3s ease; /* Smooth transition effect for hover and focus */
+}
+
+input[type=text]:hover,
+input[type=text]:focus {
+    background-color: #2A2A2A; /* A shade brighter on hover and focus */
+}
+
+input[type=submit] {
+    background-color: #00FFFF; /* Matching the primary theme color */
+    color: #121212; /* Text color inside the button */
+    border: none;
+    border-radius: 5px; /* Rounded corners */
+    padding: 5px 10px;
+    cursor: pointer; /* Hand pointer on hover */
+    transition: background-color 0.3s ease; /* Smooth transition effect for hover */
+}
+
+input[type=submit]:hover {
+    background-color: #1AFFD8; /* Slightly different shade of cyan for hover */
+}
+
+textarea {
+    background-color: #202020; /* Slightly lighter than the body background for visibility */
+    color: #EFEFEF; /* Text color inside the textarea */
+    border: 2px solid #00FFFF; /* Neon blue border for the TRON-like feel */
+    border-radius: 5px; /* Rounded corners */
+    padding: 10px; /* Padding inside the textarea */
+    font-family: 'Arial', sans-serif; /* Maintain font consistency */
+    font-size: 1rem; /* Font size inside the textarea. Adjust as needed. */
+    outline: none; /* Remove default focus outline */
+    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition effect for hover and focus */
+}
+
+textarea:hover {
+    background-color: #2A2A2A; /* A shade brighter on hover */
+}
+
+textarea:focus {
+    background-color: #333333; /* Even brighter when focused */
+    border-color: #1AFFD8; /* Change border color on focus for added emphasis */
+}
+
+/* Optional: Add a glowing effect on focus */
+textarea:focus {
+    box-shadow: 0 0 5px #1AFFD8, 0 0 10px #1AFFD8;
+}
+
+/* Base button style */
+input[type=submit], button {
+    background-color: #202020; /* Button background, matching our theme */
+    color: #EFEFEF; /* Text color */
+    border: 2px solid #00FFFF; /* Neon blue border */
+    border-radius: 5px; /* Rounded corners */
+    padding: 8px 15px; /* Some padding for the button content */
+    font-family: 'Arial', sans-serif; /* Consistent font */
+    font-size: 1rem; /* Font size. Adjust as needed */
+    cursor: pointer; /* Hand pointer on hover */
+    outline: none; /* Remove default focus outline */
+    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition effects */
+    position: relative; /* For potential pseudo-element styling or effects */
+    overflow: hidden; /* Ensure any child elements don't overflow */
+    text-align: center; /* Ensure text is centered */
+}
+
+/* Hover state */
+input[type=submit]:hover, button:hover {
+    background-color: #2A2A2A; /* Slightly different shade when hovered */
+    border-color: #1AFFD8; /* Brighter border on hover */
+}
+
+/* Focus & Active state (e.g., when the button is clicked) */
+input[type=submit]:focus, input[type=submit]:active, button:focus, button:active {
+    background-color: #333333; /* Darker background when focused or active */
+    border-color: #1AFFD8; /* Consistent brighter border color */
+    box-shadow: 0 0 5px #1AFFD8, 0 0 10px #1AFFD8; /* Neon glow effect */
+}
+
+/* Optional: Add a slight "pressed" effect on active state */
+input[type=submit]:active, button:active {
+    transform: translateY(2px); /* Shift the button down a bit */
+}
+
+select {
+    background-color: #141414;
+    color: #33C3F0;
+    border: 2px solid #33C3F0;
+    padding: 5px 10px;
+    border-radius: 5px;
+    appearance: none; /* Remove default appearance */
+    cursor: pointer;
+}
+
+/* For the dropdown arrow in Firefox */
+select:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 #33C3F0;
+}
+
+textarea::-webkit-scrollbar {
+    width: 10px;
+}
+
+textarea::-webkit-scrollbar-thumb {
+    background-color: #33C3F0;
+    border-radius: 5px;
+}
+
+textarea::-webkit-scrollbar-track {
+    background-color: #141414;
+    border-radius: 5px;
+}
+
+input[type="button"] {
+    background-color: #141414;         /* Dark background */
+    border: 2px solid #33C3F0;         /* Glowing blue border */
+    color: #33C3F0;                    /* Glowing blue text */
+    padding: 10px 20px;                /* Button padding */
+    font-size: 16px;                   /* Text size */
+    border-radius: 5px;                /* Rounded corners */
+    transition: all 0.3s ease;         /* Transition for hover effect */
+    cursor: pointer;                   /* Pointer cursor on hover */
+    outline: none;                     /* Remove focus outline */
+    font-family: 'Source Code Pro', monospace; /* Font from earlier */
+}
+
+input[type="button"]:hover {
+    background-color: #33C3F0;        /* Glowing blue background on hover */
+    color: #141414;                   /* Dark text on hover */
+}
+
+input[type="button"]:active {
+    background-color: #288FB6;        /* Darker blue background when pressed */
+    border-color: #288FB6;            /* Border color when pressed */
+    color: #0D0D0D;                   /* Darker text when pressed */
+}
+
+/* Optional: glow effect when focused (for accessibility) */
+input[type="button"]:focus {
+    box-shadow: 0 0 10px #33C3F0;     /* Glowing blue shadow */
+}