-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (70 loc) · 4.24 KB
/
index.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
<html>
<head>
<title>The Life</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="index.css" />
<!-- link to w3 -->
<!-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css"> -->
</head>
<body>
<a href="#" class="nav-collpase" id='nav-collpase'>Menu</a>
<nav class="nav
" id='nav'>
<ul class='navigation'>
<li>Home</li>
<li>Essay</li>
<li>Discuss</li>
<li>Contact</li>
</ul>
</nav>
<header>
<h1>Life experience</h1></header>
<div id="container">
<article class="main" role="main">
<h1>Life Story</h1>
<p class="summary">We can think so much about life and take ourselves so seriously; I mean, I like to tell people, 'Don't take life too seriously' because you'll cloud the experience. That's what the meaning of life is to me - being able to enjoy the moment. </p>
<p class="article_info">By Janine Shep
<time>Jan 1, 2013</time>
</p>
<section>
<img src="street.jpg" />
<p>
<quote>“Life is incredibly complex, there are lots of things going on in our environment and in our lives at all times, and in order to hold onto our experience, we need to make meaning out of it,”</quote> Adler says. “The way we do that is by structuring our lives into stories.” It’s hardly a simple undertaking. People contain multitudes, and by multitudes, I mean libraries. Someone might have an overarching narrative for her whole life, and different narratives for different realms of her life—career, romance, family, faith. She might have narratives within each realm that intersect, diverge, or contradict each other, all of them filled with the micro-stories of specific events. And to truly make a life story, she’ll need to do what researchers call “autobiographical reasoning” about the events—“identifying lessons learned or insights gained in life experiences, marking development or growth through sequences of scenes, and showing how specific life episodes illustrate enduring truths about the self,” McAdams and Manczak write. “Stories don’t have to be really simple, like fairy-tale-type narratives,” McAdams says. “They can be complicated. It can be like James Joyce out there.” If you really like James Joyce, it might be a lot like James Joyce. People take the stories that surround them—fictional tales, news articles, apocryphal family anecdotes—then identify with them and borrow from them while fashioning their own self-conceptions. It’s a Möbius strip: Stories are life, life is stories.</p>
</section>
</article>
<aside>
<section class="related">
<h2>Related Storys</h2>
<ul>
<li><a href='https://www.theatlantic.com/health/archive/2015/08/life-stories-narrative-psychology-redemption-mental-health/400796/'>Story of My life</a></li>
<li><a href="http://recreateyourlifestory.com/">Recreate your Life</a></li>
</ul>
</section>
<section class="ad">
<img src="ad.jpeg" alt="advertisement">
</section>
<section class="article_tags">
<h2>Tagged</h2>
<ul class="tags">
<li><a href="#">Life</a></li>
<li><a href="#">Story</a></li>
</ul>
</section>
<section class="quotes">
<h2>Quotes</h2>
<blockquote>There is only one happiness in life, love and be loved
<cite>- George Sand</cite>
</blockquote>
<blockquote>Only I can change my life color
<cite> - Caro Bernatt</cite>
</blockquote>
</section>
</aside>
</div>
<footer>
<h2>Copy right</h2></footer>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src='./index.js'></script>
</body>
</html>