|
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | 6 | <title>Python Repository | Riya h</title> |
7 | 7 | <link href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@700&display=swap" rel="stylesheet"> |
8 | | - |
9 | 8 | <style> |
10 | 9 | body { |
11 | 10 | margin: 0; |
|
29 | 28 | height: 100%; |
30 | 29 | background: repeating-linear-gradient( |
31 | 30 | to bottom, |
32 | | - rgba(255, 140, 0, 0.1) 0px, |
33 | | - rgba(255, 140, 0, 0.1) 2px, |
| 31 | + rgba(255, 140, 0, 0.22) 0px, |
| 32 | + rgba(255, 140, 0, 0.22) 2px, |
34 | 33 | transparent 2px, |
35 | 34 | transparent 4px |
36 | 35 | ); |
37 | 36 | animation: moveScanlines 6s linear infinite; |
38 | 37 | z-index: 0; |
39 | 38 | pointer-events: none; |
40 | 39 | } |
| 40 | + |
41 | 41 | @keyframes moveScanlines { |
42 | 42 | from { background-position-y: 0; } |
43 | 43 | to { background-position-y: -100px; } |
|
68 | 68 | transform: scale(1); |
69 | 69 | position: relative; |
70 | 70 | } |
| 71 | + |
71 | 72 | .box:hover { |
72 | 73 | transform: scale(1.03); |
73 | 74 | box-shadow: 0 0 25px white; |
|
78 | 79 | margin-top: 0; |
79 | 80 | font-size: 24px; |
80 | 81 | } |
| 82 | + |
81 | 83 | p, li { |
82 | 84 | font-size: 20px; |
83 | 85 | line-height: 1.6; |
84 | 86 | } |
| 87 | + |
85 | 88 | a { |
86 | 89 | color: #ffb84d; |
87 | 90 | text-decoration: none; |
88 | 91 | transition: color 0.3s ease; |
89 | 92 | } |
| 93 | + |
90 | 94 | a:hover { |
91 | 95 | text-decoration: underline; |
92 | 96 | color: white; |
|
100 | 104 | display: inline-block; |
101 | 105 | font-size: 18px; |
102 | 106 | } |
| 107 | + |
103 | 108 | pre { |
104 | 109 | background-color: #222; |
105 | 110 | border-left: 3px solid orange; |
106 | 111 | padding: 10px; |
107 | 112 | overflow-x: auto; |
108 | 113 | } |
| 114 | + |
109 | 115 | img { |
110 | 116 | display: block; |
111 | 117 | margin: 10px auto; |
112 | 118 | border-radius: 8px; |
113 | 119 | } |
| 120 | + |
114 | 121 | ul { |
115 | 122 | list-style-type: none; |
116 | 123 | padding-left: 0; |
117 | 124 | } |
| 125 | + |
118 | 126 | ul li::before { |
119 | 127 | content: "➜ "; |
120 | 128 | color: orange; |
121 | 129 | } |
| 130 | + |
122 | 131 | ol { |
123 | 132 | padding-left: 20px; |
124 | 133 | } |
|
128 | 137 | <body> |
129 | 138 | <div class="scanlines"></div> |
130 | 139 |
|
131 | | - <h1><span style="font-family: Arial;"><b>##</b></span> Python Repository <span style="font-family: Arial;">##</span></h1> |
| 140 | + <h1><span style="font-family: Arial;"><b># #</b></span> Python Repository <span style="font-family: Arial;"># #</span></h1> |
132 | 141 |
|
133 | 142 | <div class="box"> |
134 | 143 | <h2>🐍 Python Overview</h2> |
@@ -169,6 +178,5 @@ <h2>🧩 Steps to Clone and Run this Repository</h2> |
169 | 178 | </li> |
170 | 179 | </ol> |
171 | 180 | </div> |
172 | | - |
173 | 181 | </body> |
174 | 182 | </html> |
0 commit comments