Login Register

admin / Ollama.html

Last active 1 month ago

Like 0

admin revised this gist 1 month ago · 385742c

1 file changed, 15 insertions, 36 deletions

Ollama.html
@@ -13,14 +13,14 @@
13 13 }
14 14 body {
15 15 font-family: Arial, sans-serif;
16 - font-size: 16px;
17 - line-height: 1.6;
16 + font-size: 20px;
17 + line-height: 1.7;
18 18 color: #333;
19 19 background-color: #f9f9f9;
20 20 }
21 21 h1, h2, h3, h4, h5, h6 {
22 22 font-weight: bold;
23 - font-size: 2em;
23 + font-size: 3em;
24 24 }
25 25 a {
26 26 text-decoration: none;
@@ -30,29 +30,29 @@
30 30 color: #006980;
31 31 }
32 32 .container {
33 - max-width: 1200px;
33 + max-width: 3000px;
34 34 margin: 0 auto;
35 - padding: 2em;
35 + padding: 5em;
36 36 background-color: #f1f1f1;
37 37 border: 1px solid #ddd;
38 - border-radius: 10px;
38 + border-radius: 20px;
39 39 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
40 40 }
41 41 .header {
42 42 background-color: #333;
43 43 color: #fff;
44 - padding: 1em;
44 + padding: 2em;
45 45 text-align: center;
46 46 border-bottom: 1px solid #333;
47 47 }
48 48 .header h1 {
49 - font-size: 2.5em;
49 + font-size: 4em;
50 50 }
51 51 .content {
52 52 display: flex;
53 53 flex-wrap: wrap;
54 54 justify-content: center;
55 - padding: 2em;
55 + padding: 5em;
56 56 }
57 57 .feature {
58 58 width: 25%;
@@ -61,7 +61,7 @@
61 61 padding: 2em;
62 62 background-color: #fff;
63 63 border: 1px solid #ccc;
64 - border-radius: 10px;
64 + border-radius: 20px;
65 65 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
66 66 }
67 67 .feature img {
@@ -70,20 +70,20 @@
70 70 margin: 1em;
71 71 }
72 72 .feature h2 {
73 - font-size: 1.5em;
73 + font-size: 2em;
74 74 }
75 75 .feature p {
76 - font-size: 1.2em;
76 + font-size: 1.5em;
77 77 }
78 78 .footer {
79 79 background-color: #333;
80 80 color: #fff;
81 - padding: 1em;
81 + padding: 2em;
82 82 text-align: center;
83 83 border-top: 1px solid #333;
84 84 }
85 85 .footer a {
86 - font-size: 1.2em;
86 + font-size: 2em;
87 87 }
88 88 .footer a:hover {
89 89 color: #006980;
@@ -99,25 +99,4 @@
99 99 <section class="content">
100 100 <div class="feature">
101 101 <img src="https://via.placeholder.com/200x150" alt="Feature 1">
102 - <h2>Feature 1: Speed</h2>
103 - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis vel ante. Cras at libero mollis, malesuada libero et, convallis magna.</p>
104 - </div>
105 - <div class="feature">
106 - <img src="https://via.placeholder.com/200x150" alt="Feature 2">
107 - <h2>Feature 2: Security</h2>
108 - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis vel ante. Cras at libero mollis, malesuada libero et, convallis magna.</p>
109 - </div>
110 - <div class="feature">
111 - <img src="https://via.placeholder.com/200x150" alt="Feature 3">
112 - <h2>Feature 3: Performance</h2>
113 - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet nulla auctor, vestibulum magna sed, convallis vel ante. Cras at libero mollis, malesuada libero et, convallis magna.</p>
114 - </div>
115 - </section>
116 - </main>
117 - <footer class="footer">
118 - <p>&copy; 2023 Supercharged Website</p>
119 - <a href="#">Learn More</a>
120 - </footer>
121 - </div>
122 - </body>
123 - </html>
102 + <h2>Feature 1:

admin revised this gist 1 month ago · ce7eda9

1 file changed, 122 insertions, 172 deletions

Ollama.html

Diff is too large to be shown

admin revised this gist 1 month ago · 8690a8b

1 file changed, 125 insertions

Ollama.html
@@ -1,3 +1,128 @@
1 + <style>
2 + /* Add some blue, griddy vibes */
3 + body {
4 + background-color: #3498db;
5 + background-image: linear-gradient(to bottom, #3498db 50%, #2ecc71 50%);
6 + background-size: 100% 100%;
7 + background-repeat: repeat;
8 + font-family: Arial, sans-serif;
9 + }
10 +
11 + #superraw {
12 + position: relative;
13 + width: 80%;
14 + margin: 40px auto;
15 + background-color: rgba(255, 255, 255, 0.9);
16 + padding: 20px;
17 + border: 1px solid #ccc;
18 + border-radius: 10px;
19 + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
20 + }
21 +
22 + #superraw:after {
23 + content: "";
24 + position: absolute;
25 + top: 0;
26 + left: 0;
27 + width: 100%;
28 + height: 100%;
29 + background-image: linear-gradient(to bottom, #2ecc71 50%, #9b59b6 50%);
30 + background-size: 100% 100%;
31 + background-repeat: repeat;
32 + opacity: 0.5;
33 + transform: scale(0) translateY(-100px);
34 + transition: transform 0.5s ease-out;
35 + }
36 +
37 + #superraw:hover:after {
38 + transform: scale(1) translateY(0);
39 + }
40 +
41 + .super-title {
42 + font-size: 24px;
43 + font-weight: bold;
44 + text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
45 + }
46 +
47 + .form-group {
48 + margin-bottom: 20px;
49 + }
50 +
51 + .label {
52 + font-size: 16px;
53 + font-weight: bold;
54 + text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
55 + }
56 +
57 + .form-control {
58 + font-size: 16px;
59 + padding: 10px;
60 + border: 1px solid #ccc;
61 + border-radius: 5px;
62 + }
63 +
64 + .tooltip {
65 + display: none;
66 + position: absolute;
67 + top: 100%;
68 + left: 50%;
69 + transform: translateX(-50%);
70 + background-color: #f1f1f1;
71 + border: 1px solid #ddd;
72 + padding: 10px;
73 + border-radius: 5px;
74 + color: #333;
75 + }
76 +
77 + .tooltip::after {
78 + content: "";
79 + position: absolute;
80 + top: 100%;
81 + left: 50%;
82 + transform: translateX(-50%);
83 + border-width: 10px;
84 + border-style: solid;
85 + border-color: transparent transparent #fff transparent;
86 + }
87 +
88 + .tooltip:hover {
89 + display: block;
90 + }
91 +
92 + /* Add some animations */
93 + @keyframes pulse {
94 + 0% {
95 + transform: scale(0);
96 + }
97 + 50% {
98 + transform: scale(1);
99 + }
100 + 100% {
101 + transform: scale(0);
102 + }
103 + }
104 +
105 + #submit-button {
106 + animation: pulse 1s ease-out infinite;
107 + }
108 +
109 + #error-messages {
110 + animation: shake 1s ease-out infinite;
111 + }
112 +
113 + @keyframes shake {
114 + 0% {
115 + transform: translateX(0);
116 + }
117 + 50% {
118 + transform: translateX(-5px);
119 + }
120 + 100% {
121 + transform: translateX(0);
122 + }
123 + }
124 + </style>
125 +
1 126 <form id="superraw" action="https://example.com/submit-form" method="post">
2 127 <div class="super-title">Unleash Your Inner Awesomeness!</div>
3 128 <div class="super-tagline">Join the ranks of the most elite, the crème de la crème, the ones who dare to be bold!</div>

admin revised this gist 1 month ago · b8c4825

1 file changed, 17 insertions, 9 deletions

Ollama.html
@@ -1,40 +1,48 @@
1 1 <form id="superraw" action="https://example.com/submit-form" method="post">
2 - <h2 id="form-title">Unleash Your Inner Awesomeness</h2>
3 - <p id="form-tagline">Share your story and show off your awesomeness!</p>
2 + <div class="super-title">Unleash Your Inner Awesomeness!</div>
3 + <div class="super-tagline">Join the ranks of the most elite, the crème de la crème, the ones who dare to be bold!</div>
4 4
5 5 <!-- First Name -->
6 6 <div class="form-group">
7 - <label for="first-name" class="label">Enter Your First Name</label>
7 + <label for="first-name" class="label">Enter Your First Name <span class="font-awsome">%</span></label>
8 8 <input type="text" id="first-name" name="first-name" class="form-control" placeholder="Your Name" required>
9 + <span class="tooltip">Please don't be a rookie, enter your real name!</span>
9 10 </div>
10 11
11 12 <!-- Last Name -->
12 13 <div class="form-group">
13 - <label for="last-name" class="label">Enter Your Last Name (Optional, but we're watching you)</label>
14 + <label for="last-name" class="label">Enter Your Last Name (Optional, but we're watching you) <span class="font-awsome">!</span></label>
14 15 <input type="text" id="last-name" name="last-name" class="form-control" placeholder="Your Last Name" required>
16 + <span class="tooltip">Keep it real, keep it awesome, keep it yours!</span>
15 17 </div>
16 18
17 19 <!-- Email -->
18 20 <div class="form-group">
19 - <label for="email" class="label">Email Address (We'll send you a certificate of badassery)</label>
21 + <label for="email" class="label">Email Address (We'll send you a certificate of badassery) <span class="font-emoji">Email</span></label>
20 22 <input type="email" id="email" name="email" class="form-control" placeholder="[email protected]" required>
23 + <span class="tooltip">Don't be a ghost, leave a trail of awesomeness!</span>
21 24 </div>
22 25
23 26 <!-- Phone Number -->
24 27 <div class="form-group">
25 - <label for="phone-number" class="label">Phone Number (Optional, but we can reach out to congratulate you)</label>
28 + <label for="phone-number" class="label">Phone Number (Optional, but we can reach out to congratulate you) <span class="font-emoji">Phone</span></label>
26 29 <input type="tel" id="phone-number" name="phone-number" class="form-control" placeholder="Your Phone Number">
30 + <span class="tooltip">Keep it real, keep it loud, keep it proud!</span>
27 31 </div>
28 32
29 33 <!-- Message (Share Your Awesomeness Story) -->
30 34 <div class="form-group">
31 - <label for="message" class="label">What Makes You a Super Badass? Share Your Story!</label>
35 + <label for="message" class="label">What Makes You a Super Badass? Share Your Story! <span class="font-emoji">Book</span></label>
32 36 <textarea id="message" name="message" class="form-control" placeholder="Type something that will make us proud of you"></textarea>
37 + <span class="tooltip">Let your voice be heard, let your awesomeness shine!</span>
33 38 </div>
34 39
35 40 <!-- Submit Button -->
36 - <button type="submit" id="submit-button" class="btn btn-default">Unleash Your Inner Badass!</button>
41 + <button type="submit" id="submit-button" class="btn btn-awsome">Unleash Your Inner Badass!</button>
42 + <span class="tooltip">Are you ready to unleash your inner awesomeness? Grab the moment, and hold it tight!</span>
37 43
38 44 <!-- Error Messages -->
39 - <div id="error-messages" class="error-messages"></div>
45 + <div id="error-messages" class="error-messages">
46 + <span class="font-emoji">❗️</span> Oops, it looks like you made a mistake! Try again, and don't be afraid to get a little crazy!
47 + </div>
40 48 </form>

admin revised this gist 1 month ago · 5be3240

1 file changed, 40 insertions

Ollama.html (file created)
@@ -0,0 +1,40 @@
1 + <form id="superraw" action="https://example.com/submit-form" method="post">
2 + <h2 id="form-title">Unleash Your Inner Awesomeness</h2>
3 + <p id="form-tagline">Share your story and show off your awesomeness!</p>
4 +
5 + <!-- First Name -->
6 + <div class="form-group">
7 + <label for="first-name" class="label">Enter Your First Name</label>
8 + <input type="text" id="first-name" name="first-name" class="form-control" placeholder="Your Name" required>
9 + </div>
10 +
11 + <!-- Last Name -->
12 + <div class="form-group">
13 + <label for="last-name" class="label">Enter Your Last Name (Optional, but we're watching you)</label>
14 + <input type="text" id="last-name" name="last-name" class="form-control" placeholder="Your Last Name" required>
15 + </div>
16 +
17 + <!-- Email -->
18 + <div class="form-group">
19 + <label for="email" class="label">Email Address (We'll send you a certificate of badassery)</label>
20 + <input type="email" id="email" name="email" class="form-control" placeholder="[email protected]" required>
21 + </div>
22 +
23 + <!-- Phone Number -->
24 + <div class="form-group">
25 + <label for="phone-number" class="label">Phone Number (Optional, but we can reach out to congratulate you)</label>
26 + <input type="tel" id="phone-number" name="phone-number" class="form-control" placeholder="Your Phone Number">
27 + </div>
28 +
29 + <!-- Message (Share Your Awesomeness Story) -->
30 + <div class="form-group">
31 + <label for="message" class="label">What Makes You a Super Badass? Share Your Story!</label>
32 + <textarea id="message" name="message" class="form-control" placeholder="Type something that will make us proud of you"></textarea>
33 + </div>
34 +
35 + <!-- Submit Button -->
36 + <button type="submit" id="submit-button" class="btn btn-default">Unleash Your Inner Badass!</button>
37 +
38 + <!-- Error Messages -->
39 + <div id="error-messages" class="error-messages"></div>
40 + </form>