sacred-studies/index.html at main · AvodaConsulting/sacred-studies · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Sacred Studies AI</title>
    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400&family=Manrope:wght@400;500;700;800&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet" />
    <script>
      tailwind.config = {
        theme: {
          extend: {
            colors: {
              primary: "#3f6212",
              "primary-dark": "#365314",
              accent: "#b89c3a",
              surface: "#ffffff",
              "text-main": "#2c2c2c",
              "text-muted": "#6b7280",
              "background-light": "#f8f7f4",
              "card-border": "#e5e7eb",
              sage: {
                50: '#f4f7f2',
                100: '#e5efe0',
                600: '#3f6212',
                700: '#365314',
                800: '#2d3a16',
              },
              gold: {
                500: '#b89c3a',
                600: '#9a7209',
              },
              paper: '#FDFBF7',
            },
            fontFamily: {
              sans: ['Manrope', 'sans-serif'],
              serif: ['Crimson Pro', 'serif'],
              display: ['Manrope', 'sans-serif'],
            },
            boxShadow: {
              soft: "0 4px 20px -2px rgba(0, 0, 0, 0.05)",
              input: "0 2px 4px rgba(0,0,0,0.02) inset",
              '3xl': '0 35px 60px -15px rgba(0, 0, 0, 0.1)',
            }
          }
        }
      }
    </script>
    <style>
      body {
        background-color: #f8f7f4;
        color: #2c2c2c;
        font-family: 'Manrope', sans-serif;
      }

      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      ::-webkit-scrollbar-track {
        background: transparent;
      }
      ::-webkit-scrollbar-thumb {
        background: rgba(63, 98, 18, 0.2);
        border-radius: 10px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: rgba(63, 98, 18, 0.4);
      }

      input[type=range] {
        height: 8px;
        background: #e5e5e0;
        border-radius: 999px;
        appearance: none;
        cursor: pointer;
      }
      input[type=range]::-webkit-slider-thumb {
        appearance: none;
        width: 20px;
        height: 20px;
        background: #3f6212;
        border: 2px solid white;
        border-radius: 50%;
        cursor: pointer;
        shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
      }

      @media print {
        body * {
          visibility: hidden;
        }
        .print-only-content, .print-only-content * {
          visibility: visible;
        }
        .print-only-content {
          position: absolute !important;
          left: 0 !important;
          top: 0 !important;
          width: 100% !important;
          margin: 0 !important;
          padding: 0 !important;
          background: white !important;
        }
        @page {
          margin: 2cm;
        }
      }
    </style>
  <script type="importmap">
{
  "imports": {
    "react": "https://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
    "react-markdown": "https://esm.sh/[email protected]?bundle",
    "@google/genai": "https://aistudiocdn.com/@google/genai@^1.30.0",
    "react/": "https://aistudiocdn.com/react@^19.2.0/"
  }
}
</script>
<link rel="stylesheet" href="/index.css">
</head>
  <body>
    <div id="root"></div>
  <script type="module" src="/index.tsx"></script>
</body>
</html>