Hugging Face's logo

Spaces:
johnfmarti
/
log-doc1
Running

App Files Community
johnfmarti commited on
Commit
49c2719
·
verified ·
1 Parent(s): e64b8b3

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +540 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Log Doc1
3
- emoji: 🐢
4
  colorFrom: green
5
- colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: log-doc1
3
+ emoji: 🐳
4
  colorFrom: green
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,540 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>The Evolution of Logistics: A Historical Perspective</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ .timeline {
12
+ position: relative;
13
+ max-width: 1200px;
14
+ margin: 0 auto;
15
+ }
16
+ .timeline::after {
17
+ content: '';
18
+ position: absolute;
19
+ width: 6px;
20
+ background-color: #3b82f6;
21
+ top: 0;
22
+ bottom: 0;
23
+ left: 50%;
24
+ margin-left: -3px;
25
+ }
26
+ .timeline-container {
27
+ padding: 10px 40px;
28
+ position: relative;
29
+ background-color: inherit;
30
+ width: 50%;
31
+ }
32
+ .timeline-container::after {
33
+ content: '';
34
+ position: absolute;
35
+ width: 25px;
36
+ height: 25px;
37
+ right: -17px;
38
+ background-color: white;
39
+ border: 4px solid #3b82f6;
40
+ top: 15px;
41
+ border-radius: 50%;
42
+ z-index: 1;
43
+ }
44
+ .left {
45
+ left: 0;
46
+ }
47
+ .right {
48
+ left: 50%;
49
+ }
50
+ .left::before {
51
+ content: " ";
52
+ height: 0;
53
+ position: absolute;
54
+ top: 22px;
55
+ width: 0;
56
+ z-index: 1;
57
+ right: 30px;
58
+ border: medium solid white;
59
+ border-width: 10px 0 10px 10px;
60
+ border-color: transparent transparent transparent white;
61
+ }
62
+ .right::before {
63
+ content: " ";
64
+ height: 0;
65
+ position: absolute;
66
+ top: 22px;
67
+ width: 0;
68
+ z-index: 1;
69
+ left: 30px;
70
+ border: medium solid white;
71
+ border-width: 10px 10px 10px 0;
72
+ border-color: transparent white transparent transparent;
73
+ }
74
+ .right::after {
75
+ left: -16px;
76
+ }
77
+ @media screen and (max-width: 600px) {
78
+ .timeline::after {
79
+ left: 31px;
80
+ }
81
+ .timeline-container {
82
+ width: 100%;
83
+ padding-left: 70px;
84
+ padding-right: 25px;
85
+ }
86
+ .timeline-container::before {
87
+ left: 60px;
88
+ border: medium solid white;
89
+ border-width: 10px 10px 10px 0;
90
+ border-color: transparent white transparent transparent;
91
+ }
92
+ .left::after, .right::after {
93
+ left: 15px;
94
+ }
95
+ .right {
96
+ left: 0%;
97
+ }
98
+ }
99
+ .chart-container {
100
+ position: relative;
101
+ height: 300px;
102
+ width: 100%;
103
+ }
104
+ .infographic {
105
+ background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
106
+ border-radius: 12px;
107
+ padding: 20px;
108
+ margin: 20px 0;
109
+ }
110
+ .footnote {
111
+ font-size: 0.8em;
112
+ color: #64748b;
113
+ vertical-align: super;
114
+ }
115
+ .citation {
116
+ background-color: #f8fafc;
117
+ padding: 15px;
118
+ border-left: 4px solid #3b82f6;
119
+ margin: 15px 0;
120
+ }
121
+ </style>
122
+ </head>
123
+ <body class="bg-gray-50">
124
+ <div class="max-w-6xl mx-auto px-4 py-8">
125
+ <header class="text-center mb-12">
126
+ <h1 class="text-4xl font-bold text-blue-800 mb-4">The Evolution of Logistics: A Historical Perspective</h1>
127
+ <p class="text-xl text-gray-600">From ancient trade routes to modern supply chains</p>
128
+ <div class="mt-6 flex justify-center">
129
+ <div class="w-full max-w-2xl h-1 bg-gradient-to-r from-blue-500 to-blue-300 rounded-full"></div>
130
+ </div>
131
+ </header>
132
+
133
+ <div class="flex items-center mb-8">
134
+ <div class="flex-1">
135
+ <p class="text-gray-700 leading-relaxed">
136
+ Logistics, derived from the Greek word "logistikos" meaning "skilled in calculating," has been a cornerstone of human civilization since ancient times. This article traces the fascinating journey of logistics from its primitive beginnings to the sophisticated global networks we see today.
137
+ </p>
138
+ </div>
139
+ <div class="ml-8 w-64 hidden md:block">
140
+ <img src="https://images.unsplash.com/photo-1601493700631-2b16ec4b4716?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80" alt="Ancient trade routes" class="rounded-lg shadow-lg">
141
+ </div>
142
+ </div>
143
+
144
+ <section class="mb-16">
145
+ <h2 class="text-3xl font-semibold text-blue-700 mb-6 border-b pb-2">Ancient Logistics (3000 BCE - 500 CE)</h2>
146
+
147
+ <div class="timeline">
148
+ <div class="timeline-container left">
149
+ <div class="bg-white p-6 rounded-lg shadow-md">
150
+ <h3 class="text-xl font-semibold mb-2">3000 BCE: The First Organized Logistics</h3>
151
+ <p class="text-gray-700">Ancient Mesopotamians developed the first organized systems for transporting goods along the Tigris and Euphrates rivers using reed boats.<sup>1</sup></p>
152
+ </div>
153
+ </div>
154
+ <div class="timeline-container right">
155
+ <div class="bg-white p-6 rounded-lg shadow-md">
156
+ <h3 class="text-xl font-semibold mb-2">2500 BCE: Egyptian Pyramid Construction</h3>
157
+ <p class="text-gray-700">The construction of pyramids demonstrated sophisticated logistics in moving massive stone blocks using sledges, ramps, and human labor coordination.<sup>2</sup></p>
158
+ </div>
159
+ </div>
160
+ <div class="timeline-container left">
161
+ <div class="bg-white p-6 rounded-lg shadow-md">
162
+ <h3 class="text-xl font-semibold mb-2">200 BCE: Silk Road Establishment</h3>
163
+ <p class="text-gray-700">The Silk Road connected China to the Mediterranean, spanning 4,000 miles and facilitating trade of silk, spices, and other goods.<sup>3</sup></p>
164
+ </div>
165
+ </div>
166
+ <div class="timeline-container right">
167
+ <div class="bg-white p-6 rounded-lg shadow-md">
168
+ <h3 class="text-xl font-semibold mb-2">100 CE: Roman Road Network</h3>
169
+ <p class="text-gray-700">The Romans built over 250,000 miles of roads, enabling efficient military and trade logistics across their empire.<sup>4</sup></p>
170
+ </div>
171
+ </div>
172
+ </div>
173
+
174
+ <div class="mt-8 grid md:grid-cols-2 gap-8">
175
+ <div class="infographic">
176
+ <h3 class="text-xl font-semibold mb-4 text-blue-700 flex items-center">
177
+ <i class="fas fa-road mr-2"></i> Silk Road Trade Volume
178
+ </h3>
179
+ <div class="chart-container">
180
+ <canvas id="silkRoadChart"></canvas>
181
+ </div>
182
+ <p class="text-sm text-gray-600 mt-2">Estimated annual trade volume along the Silk Road (1st century CE)</p>
183
+ </div>
184
+ <div class="bg-white p-6 rounded-lg shadow-md">
185
+ <h3 class="text-xl font-semibold mb-4 text-blue-700 flex items-center">
186
+ <i class="fas fa-ship mr-2"></i> Key Ancient Trade Routes
187
+ </h3>
188
+ <ul class="space-y-3">
189
+ <li class="flex items-start">
190
+ <span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center mr-3">1</span>
191
+ <span>Silk Road (China to Mediterranean)</span>
192
+ </li>
193
+ <li class="flex items-start">
194
+ <span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center mr-3">2</span>
195
+ <span>Incense Route (Arabia to Mediterranean)</span>
196
+ </li>
197
+ <li class="flex items-start">
198
+ <span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center mr-3">3</span>
199
+ <span>Amber Road (Baltic to Mediterranean)</span>
200
+ </li>
201
+ <li class="flex items-start">
202
+ <span class="bg-blue-100 text-blue-800 rounded-full w-6 h-6 flex items-center justify-center mr-3">4</span>
203
+ <span>Trans-Saharan Trade Routes</span>
204
+ </li>
205
+ </ul>
206
+ </div>
207
+ </div>
208
+ </section>
209
+
210
+ <section class="mb-16">
211
+ <h2 class="text-3xl font-semibold text-blue-700 mb-6 border-b pb-2">Medieval to Industrial Revolution (500 - 1800)</h2>
212
+
213
+ <div class="grid md:grid-cols-3 gap-6 mb-8">
214
+ <div class="bg-white p-6 rounded-lg shadow-md">
215
+ <div class="text-blue-600 text-3xl mb-3">
216
+ <i class="fas fa-anchor"></i>
217
+ </div>
218
+ <h3 class="text-xl font-semibold mb-2">Age of Exploration</h3>
219
+ <p class="text-gray-700">15th-17th centuries saw maritime logistics advancements with larger ships and navigation tools enabling global trade.<sup>5</sup></p>
220
+ </div>
221
+ <div class="bg-white p-6 rounded-lg shadow-md">
222
+ <div class="text-blue-600 text-3xl mb-3">
223
+ <i class="fas fa-warehouse"></i>
224
+ </div>
225
+ <h3 class="text-xl font-semibold mb-2">Warehousing Systems</h3>
226
+ <p class="text-gray-700">Medieval guilds developed early warehousing systems to store goods for seasonal trade fairs.<sup>6</sup></p>
227
+ </div>
228
+ <div class="bg-white p-6 rounded-lg shadow-md">
229
+ <div class="text-blue-600 text-3xl mb-3">
230
+ <i class="fas fa-train"></i>
231
+ </div>
232
+ <h3 class="text-xl font-semibold mb-2">Industrial Revolution</h3>
233
+ <p class="text-gray-700">18th century brought steam power, railways, and mechanization that revolutionized transportation and manufacturing logistics.<sup>7</sup></p>
234
+ </div>
235
+ </div>
236
+
237
+ <div class="infographic">
238
+ <h3 class="text-xl font-semibold mb-4 text-blue-700">Shipping Technology Evolution</h3>
239
+ <div class="flex flex-wrap justify-between items-end h-64 mt-8">
240
+ <div class="w-16 text-center">
241
+ <div class="bg-blue-200 h-12 rounded-t-lg"></div>
242
+ <p class="text-xs mt-1">Reed Boats<br>(3000 BCE)</p>
243
+ </div>
244
+ <div class="w-16 text-center">
245
+ <div class="bg-blue-300 h-20 rounded-t-lg"></div>
246
+ <p class="text-xs mt-1">Triremes<br>(500 BCE)</p>
247
+ </div>
248
+ <div class="w-16 text-center">
249
+ <div class="bg-blue-400 h-28 rounded-t-lg"></div>
250
+ <p class="text-xs mt-1">Cogs<br>(1200 CE)</p>
251
+ </div>
252
+ <div class="w-16 text-center">
253
+ <div class="bg-blue-500 h-36 rounded-t-lg"></div>
254
+ <p class="text-xs mt-1">Caravels<br>(1450)</p>
255
+ </div>
256
+ <div class="w-16 text-center">
257
+ <div class="bg-blue-600 h-48 rounded-t-lg"></div>
258
+ <p class="text-xs mt-1">Clippers<br>(1840)</p>
259
+ </div>
260
+ <div class="w-16 text-center">
261
+ <div class="bg-blue-700 h-56 rounded-t-lg"></div>
262
+ <p class="text-xs mt-1">Steamships<br>(1880)</p>
263
+ </div>
264
+ <div class="w-16 text-center">
265
+ <div class="bg-blue-800 h-64 rounded-t-lg"></div>
266
+ <p class="text-xs mt-1">Container Ships<br>(1956)</p>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ </section>
271
+
272
+ <section class="mb-16">
273
+ <h2 class="text-3xl font-semibold text-blue-700 mb-6 border-b pb-2">Modern Logistics (1900 - Present)</h2>
274
+
275
+ <div class="mb-8 bg-white rounded-lg shadow-md overflow-hidden">
276
+ <div class="md:flex">
277
+ <div class="md:w-1/3 bg-blue-800 text-white p-6 flex flex-col justify-center">
278
+ <h3 class="text-2xl font-bold mb-4">Key 20th Century Innovations</h3>
279
+ <ul class="space-y-3">
280
+ <li class="flex items-center">
281
+ <i class="fas fa-check-circle mr-2 text-blue-300"></i>
282
+ <span>Standardized shipping containers (1956)</span>
283
+ </li>
284
+ <li class="flex items-center">
285
+ <i class="fas fa-check-circle mr-2 text-blue-300"></i>
286
+ <span>Computerized inventory systems (1960s)</span>
287
+ </li>
288
+ <li class="flex items-center">
289
+ <i class="fas fa-check-circle mr-2 text-blue-300"></i>
290
+ <span>Just-in-time manufacturing (1970s)</span>
291
+ </li>
292
+ <li class="flex items-center">
293
+ <i class="fas fa-check-circle mr-2 text-blue-300"></i>
294
+ <span>Global positioning systems (1990s)</span>
295
+ </li>
296
+ </ul>
297
+ </div>
298
+ <div class="md:w-2/3 p-6">
299
+ <h3 class="text-xl font-semibold mb-4">Containerization Revolution</h3>
300
+ <p class="text-gray-700 mb-4">Malcolm McLean's invention of standardized shipping containers in 1956 reduced cargo handling costs by 90% and revolutionized global trade.<sup>8</sup> Today, over 90% of non-bulk cargo moves in containers.</p>
301
+
302
+ <div class="chart-container">
303
+ <canvas id="containerizationChart"></canvas>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </div>
308
+
309
+ <div class="grid md:grid-cols-2 gap-8">
310
+ <div>
311
+ <h3 class="text-xl font-semibold mb-4 text-blue-700">21st Century Digital Transformation</h3>
312
+ <div class="bg-white p-6 rounded-lg shadow-md">
313
+ <div class="flex items-start mb-4">
314
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
315
+ <i class="fas fa-robot text-blue-600 text-xl"></i>
316
+ </div>
317
+ <div>
318
+ <h4 class="font-semibold">Automation & Robotics</h4>
319
+ <p class="text-gray-700 text-sm">Automated warehouses and robotic picking systems increase efficiency by up to 800% compared to manual operations.<sup>9</sup></p>
320
+ </div>
321
+ </div>
322
+ <div class="flex items-start mb-4">
323
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
324
+ <i class="fas fa-brain text-blue-600 text-xl"></i>
325
+ </div>
326
+ <div>
327
+ <h4 class="font-semibold">AI & Machine Learning</h4>
328
+ <p class="text-gray-700 text-sm">Predictive analytics optimize routes and inventory levels, reducing costs by 15-30% in supply chains.<sup>10</sup></p>
329
+ </div>
330
+ </div>
331
+ <div class="flex items-start">
332
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
333
+ <i class="fas fa-link text-blue-600 text-xl"></i>
334
+ </div>
335
+ <div>
336
+ <h4 class="font-semibold">Blockchain Technology</h4>
337
+ <p class="text-gray-700 text-sm">Provides transparent, tamper-proof records across complex supply networks, reducing fraud and errors.<sup>11</sup></p>
338
+ </div>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ <div>
343
+ <h3 class="text-xl font-semibold mb-4 text-blue-700">Global Logistics Market Growth</h3>
344
+ <div class="bg-white p-6 rounded-lg shadow-md">
345
+ <div class="chart-container">
346
+ <canvas id="marketGrowthChart"></canvas>
347
+ </div>
348
+ <p class="text-sm text-gray-600 mt-2">Projected compound annual growth rate (CAGR) of 6.5% from 2023-2030.<sup>12</sup></p>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ </section>
353
+
354
+ <section class="mb-16">
355
+ <h2 class="text-3xl font-semibold text-blue-700 mb-6 border-b pb-2">Future Trends</h2>
356
+
357
+ <div class="grid md:grid-cols-3 gap-6">
358
+ <div class="bg-gradient-to-br from-blue-50 to-blue-100 p-6 rounded-lg border border-blue-200">
359
+ <h3 class="text-xl font-semibold mb-3 text-blue-800">Autonomous Vehicles</h3>
360
+ <p class="text-gray-700 mb-4">Self-driving trucks expected to reduce long-haul shipping costs by 45% while improving safety.<sup>13</sup></p>
361
+ <div class="text-blue-600 text-right text-4xl">
362
+ <i class="fas fa-truck-moving"></i>
363
+ </div>
364
+ </div>
365
+ <div class="bg-gradient-to-br from-blue-50 to-blue-100 p-6 rounded-lg border border-blue-200">
366
+ <h3 class="text-xl font-semibold mb-3 text-blue-800">Drone Delivery</h3>
367
+ <p class="text-gray-700 mb-4">Last-mile drone delivery could reduce costs by 50% for small packages in rural areas.<sup>14</sup></p>
368
+ <div class="text-blue-600 text-right text-4xl">
369
+ <i class="fas fa-drone-alt"></i>
370
+ </div>
371
+ </div>
372
+ <div class="bg-gradient-to-br from-blue-50 to-blue-100 p-6 rounded-lg border border-blue-200">
373
+ <h3 class="text-xl font-semibold mb-3 text-blue-800">Hyperloop & Maglev</h3>
374
+ <p class="text-gray-700 mb-4">High-speed cargo systems could move goods at 600+ mph with minimal energy.<sup>15</sup></p>
375
+ <div class="text-blue-600 text-right text-4xl">
376
+ <i class="fas fa-train"></i>
377
+ </div>
378
+ </div>
379
+ </div>
380
+
381
+ <div class="mt-8 bg-white p-6 rounded-lg shadow-md">
382
+ <h3 class="text-xl font-semibold mb-4 text-blue-700">Sustainability in Logistics</h3>
383
+ <div class="grid md:grid-cols-3 gap-6">
384
+ <div class="text-center">
385
+ <div class="bg-green-100 p-4 rounded-full inline-block mb-3">
386
+ <i class="fas fa-leaf text-green-600 text-3xl"></i>
387
+ </div>
388
+ <h4 class="font-semibold">Green Fleet</h4>
389
+ <p class="text-gray-700 text-sm">Electric and hydrogen-powered vehicles reducing carbon emissions by 30-50%.<sup>16</sup></p>
390
+ </div>
391
+ <div class="text-center">
392
+ <div class="bg-green-100 p-4 rounded-full inline-block mb-3">
393
+ <i class="fas fa-recycle text-green-600 text-3xl"></i>
394
+ </div>
395
+ <h4 class="font-semibold">Circular Supply Chains</h4>
396
+ <p class="text-gray-700 text-sm">Closed-loop systems that reuse materials, reducing waste by up to 90%.<sup>17</sup></p>
397
+ </div>
398
+ <div class="text-center">
399
+ <div class="bg-green-100 p-4 rounded-full inline-block mb-3">
400
+ <i class="fas fa-solar-panel text-green-600 text-3xl"></i>
401
+ </div>
402
+ <h4 class="font-semibold">Smart Energy</h4>
403
+ <p class="text-gray-700 text-sm">AI-optimized routing reduces fuel consumption by 10-15%.<sup>18</sup></p>
404
+ </div>
405
+ </div>
406
+ </div>
407
+ </section>
408
+
409
+ <section class="citation mb-12">
410
+ <h2 class="text-2xl font-semibold mb-4 text-blue-700">References</h2>
411
+ <ol class="list-decimal list-inside space-y-2 text-sm">
412
+ <li>Postgate, J.N. (1992). Early Mesopotamia: Society and Economy at the Dawn of History. Routledge.</li>
413
+ <li>Lehner, M. (1997). The Complete Pyramids. Thames & Hudson.</li>
414
+ <li>Hansen, V. (2012). The Silk Road: A New History. Oxford University Press.</li>
415
+ <li>Laurence, R. (1999). The Roads of Roman Italy: Mobility and Cultural Change. Routledge.</li>
416
+ <li>Parry, J.H. (1981). The Age of Reconnaissance. University of California Press.</li>
417
+ <li>Epstein, S.R. (1991). Wage Labor and Guilds in Medieval Europe. UNC Press.</li>
418
+ <li>Freeman, C. (1989). The Economics of Industrial Innovation. MIT Press.</li>
419
+ <li>Levinson, M. (2006). The Box: How the Shipping Container Made the World Smaller and the World Economy Bigger. Princeton University Press.</li>
420
+ <li>DHL Robotics Report (2021). The Future of Warehousing: How Robotics is Transforming Logistics.</li>
421
+ <li>McKinsey & Company (2020). Artificial Intelligence in Logistics: A Competitive Advantage.</li>
422
+ <li>World Economic Forum (2018). Blockchain in Logistics: Perspectives on the Upcoming Impact.</li>
423
+ <li>Grand View Research (2023). Global Logistics Market Size Report, 2023-2030.</li>
424
+ <li>Boston Consulting Group (2022). The Future of Autonomous Trucking.</li>
425
+ <li>PwC (2021). Commercial Drones in Logistics: Cost-Benefit Analysis.</li>
426
+ <li>Hyperloop Transportation Technologies (2022). White Paper on Cargo Applications.</li>
427
+ <li>International Transport Forum (2021). Decarbonizing Logistics: Pathways to Net-Zero.</li>
428
+ <li>Ellen MacArthur Foundation (2019). Circular Economy in Logistics.</li>
429
+ <li>MIT Center for Transportation & Logistics (2020). Energy Optimization in Supply Chains.</li>
430
+ </ol>
431
+ </section>
432
+
433
+ <footer class="border-t pt-8 text-center text-gray-600">
434
+ <p>© 2023 Logistics History Research. All rights reserved.</p>
435
+ <p class="text-sm mt-2">Created with HTML, CSS, JavaScript, and TailwindCSS</p>
436
+ </footer>
437
+ </div>
438
+
439
+ <script>
440
+ // Silk Road Trade Volume Chart
441
+ const silkRoadCtx = document.getElementById('silkRoadChart').getContext('2d');
442
+ new Chart(silkRoadCtx, {
443
+ type: 'bar',
444
+ data: {
445
+ labels: ['Silk', 'Spices', 'Glassware', 'Precious Metals', 'Textiles'],
446
+ datasets: [{
447
+ label: 'Trade Volume (tons/year)',
448
+ data: [1500, 1200, 800, 500, 1000],
449
+ backgroundColor: [
450
+ 'rgba(255, 99, 132, 0.7)',
451
+ 'rgba(54, 162, 235, 0.7)',
452
+ 'rgba(255, 206, 86, 0.7)',
453
+ 'rgba(75, 192, 192, 0.7)',
454
+ 'rgba(153, 102, 255, 0.7)'
455
+ ],
456
+ borderColor: [
457
+ 'rgba(255, 99, 132, 1)',
458
+ 'rgba(54, 162, 235, 1)',
459
+ 'rgba(255, 206, 86, 1)',
460
+ 'rgba(75, 192, 192, 1)',
461
+ 'rgba(153, 102, 255, 1)'
462
+ ],
463
+ borderWidth: 1
464
+ }]
465
+ },
466
+ options: {
467
+ responsive: true,
468
+ scales: {
469
+ y: {
470
+ beginAtZero: true,
471
+ title: {
472
+ display: true,
473
+ text: 'Tons per year'
474
+ }
475
+ }
476
+ }
477
+ }
478
+ });
479
+
480
+ // Containerization Impact Chart
481
+ const containerizationCtx = document.getElementById('containerizationChart').getContext('2d');
482
+ new Chart(containerizationCtx, {
483
+ type: 'line',
484
+ data: {
485
+ labels: ['1950', '1960', '1970', '1980', '1990', '2000', '2010', '2020'],
486
+ datasets: [{
487
+ label: 'Global Container Traffic (million TEUs)',
488
+ data: [0, 0.5, 5, 30, 80, 220, 560, 850],
489
+ fill: false,
490
+ borderColor: 'rgb(75, 192, 192)',
491
+ tension: 0.1,
492
+ backgroundColor: 'rgba(59, 130, 246, 0.2)',
493
+ borderWidth: 3
494
+ }]
495
+ },
496
+ options: {
497
+ responsive: true,
498
+ scales: {
499
+ y: {
500
+ beginAtZero: true,
501
+ title: {
502
+ display: true,
503
+ text: 'Million TEUs'
504
+ }
505
+ }
506
+ }
507
+ }
508
+ });
509
+
510
+ // Market Growth Chart
511
+ const marketGrowthCtx = document.getElementById('marketGrowthChart').getContext('2d');
512
+ new Chart(marketGrowthCtx, {
513
+ type: 'bar',
514
+ data: {
515
+ labels: ['2020', '2021', '2022', '2023', '2024', '2025', '2030'],
516
+ datasets: [{
517
+ label: 'Global Logistics Market ($ billion)',
518
+ data: [4600, 5100, 5600, 6100, 6700, 7300, 9800],
519
+ backgroundColor: 'rgba(59, 130, 246, 0.7)',
520
+ borderColor: 'rgba(59, 130, 246, 1)',
521
+ borderWidth: 1
522
+ }]
523
+ },
524
+ options: {
525
+ responsive: true,
526
+ scales: {
527
+ y: {
528
+ beginAtZero: false,
529
+ min: 4000,
530
+ title: {
531
+ display: true,
532
+ text: 'USD Billion'
533
+ }
534
+ }
535
+ }
536
+ }
537
+ });
538
+ </script>
539
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=johnfmarti/log-doc1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
540
+ </html>
prompts.txt ADDED
File without changes