-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathstory.html
171 lines (146 loc) · 8.7 KB
/
story.html
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Story | Single Voxel Gorup</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Gp
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top header-inner-pages">
<div class="container d-flex align-items-center justify-content-lg-between">
<h1 class="logo me-auto me-lg-0"><a href="index.html">SVG</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo me-auto me-lg-0"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a class="nav-link scrollto active" href="/#hero">Home</a></li>
<li><a class="nav-link scrollto" href="/#team">About</a></li>
<li class="dropdown"><a href="/#agenda"><span>Workshops</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="/#workshop-1">Workshop 1</a></li>
<li><a href="/#workshop-2">Workshop 2</a></li>
</ul>
<!-- <li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
</ul>
</li> -->
<li><a class="nav-link scrollto" href="/#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
<a href="/#cta" class="get-started-btn scrollto">Call to Action</a>
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2>The Single Voxel</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>Story</li>
</ol>
</div>
</div>
</section><!-- End Breadcrumbs -->
<section class="inner-page">
<div class="container">
<p>Author: <i>ChatGPT</i></p>
<p>
Once upon a time, in the vast and intricate neural universe of Mr. Jacob's brain, there lived a single voxel named Vee. Vee was a small yet significant part of Mr. Jacob's cognitive landscape, situated right in the heart of his hippocampus.
</p>
<p>
Mr. Jacob, a 76-year-old man, was battling the unforgiving forces of dementia. As the days turned into months, the once vibrant and warm world inside his mind began to wither, leaving the residents of his neural universe to face the consequences.
</p>
<p>
Vee was no ordinary voxel. It had a unique responsibility: to represent the diverse influences and risk factors that had led to Mr. Jacob's dementia. From a lifetime of memories and experiences to the genetic predispositions and environmental factors that had shaped him, Vee was the embodiment of this complex web of circumstances.
</p>
<p>
But Vee was also a victim of imprecision. No matter how hard it tried to accurately represent the multitude of factors at play, it could only capture a mere snapshot of the situation. Vee's limited perspective made it incapable of understanding the full scope of Mr. Jacob's condition or predicting the eventual outcome.
</p>
<p>
As the dementia progressed, Vee found itself increasingly disconnected from the rest of the neural network. The once-lively conversations it shared with its neighbouring voxels became fewer and far between. Even as Vee struggled to maintain its connections, it could not help but feel isolated and uncertain about its future.
</p>
<p>
As Mr. Jacob's condition deteriorated, his family rallied around him. They provided love, support, and understanding, creating a social network that transcended the confines of his neural universe. In this world, Vee was not alone. It was part of a greater tapestry of connections that gave Mr. Jacob strength and solace.
</p>
<p>
The social dimension was a lifeline for Vee, as it was for Mr. Jacob. It was through the power of love, friendship, and empathy that the tiny voxel found a renewed sense of purpose. Vee understood that although it could not change the trajectory of Mr. Jacob's dementia, it could contribute to his quality of life, however fleeting it might be.
</p>
<p>
Time moved forward, and the once-lush landscape of Mr. Jacob's mind continued to fade. Despite the relentless advance of dementia, Vee held on, weathering the storm with quiet resilience. It took solace in knowing that its existence had served a purpose far beyond the realm of neurons and synapses.
</p>
<p>
And as the sun began to set on Mr. Jacob's cognitive universe, the single voxel, Vee, embraced its final moments with a sense of peace. It knew that it had played a small yet meaningful role in the complex tapestry of Mr. Jacob's life, leaving a legacy that would endure long after the last echoes of memory had faded away.
</p>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>SOTNIR</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>