Enhance project handling for websites in portfolio

- Added methods in Projects class to determine if a project is a website, retrieve its URL, platform, and screenshot.
- Updated single-project template to display website-specific information and actions.
- Modified project card component to show website details and adjust action buttons accordingly.
- Improved CSS for project cards and buttons to align with new website features.

styles/base/typography.css

@@ -39,7 +39,7 @@
  * text-75px | 32.00 | 39.46 | 43.25 | 50.30  | 57.36  | 61.77  | 75.00
 */
 
-@theme {
+@theme static {
     --font-sans:   "Raleway", sans-serif;
     --font-headings: var(--font-sans);
     --line-height: 1.6;
@@ -140,10 +140,15 @@ p {
     margin-bottom: 1rem;
 }
 
+ul, ol {  margin: 0 0 1rem 1.5rem; padding: 0; }
 
-ul { list-style-type: disc; }
+ul {
+    list-style-type: disc;
+}
 
-ol { list-style-type: decimal; }
+ol {
+    list-style-type: decimal;
+}
 
 li ul, li ol { margin: 0 1rem; }
 
@@ -169,7 +174,7 @@ pre code {
     padding: 0;
 }
 
-code { @apply bg-black/30 px-0.25 py-0.5 font-mono text-black text-xs rounded-sm; }
+code { @apply bg-white/30 px-0.25 py-0.25 font-mono text-black rounded-sm; }
 
 hr {
     background-color: black;