-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
185 lines (176 loc) · 9.65 KB
/
index.html
File metadata and controls
185 lines (176 loc) · 9.65 KB
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Home - testing ideas to change the world</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">espora.net</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="jane.html">Jane</a></li>
<li><a href="books.html">Books</a></li>
<!--<li><a href="#">Sign Up</a></li>
<li><a href="#">Log In</a></li>-->
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>espora.net</h2>
<p>A place to experiment and bring ideas to life<br />
in a variable range of <a href="https://en.wikipedia.org/wiki/Field">fields</a><br />
crafted with technology and passion.</p>
<ul class="actions">
<li><a href="#three" class="button special">Manifest</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>A philosophy of growth mindset</h2>
<p>"Why waste time proving over and over how great you are, when you could be getting better?
Why hide deficiencies instead of overcoming them?
Why look for friends or partners who will just shore up your self-esteem instead of ones who will also challenge you to grow?
And why seek out the tried and true, instead of experiences that will stretch you? The passion for streching yourself ans sticking to it, even (or specially)
when it's not going well, is the hallmark of the growth mindset.
This is the mindset that allows people to thrive during some of the most challenging times in their lives."<br/><br/>
<i>Carol Dweck Professor of Psychology Standford University</i></p>
</header>
<ul class="icons major">
<li><a href="http://www.mindsetonline.com/">Mindset</a></li>
<li><a href="http://heathbrothers.com/books/switch/">Switch</a></li>
<li><a href="http://longtail.com/about.html/">Disrupt</a></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/books.jpg" alt="" /></div><div class="content">
<h2>Love to read books<br />
and write thoughts</h2>
<p>You can find a list of some of our perpetual drafts and read books, with notes about them. You will learn things that reflect our values, skills, and interests.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/steam.png" alt="" /></div><div class="content">
<h2>Believers in <a href="https://en.wikipedia.org/wiki/STEAM_fields">STEAM</a></h2>
<p>You will find games written for <a href="https://makecode.com">makecode</a>, learnings from self-made games and learnings from great activities such as <a href="https://github.com/blog/1303-github-game-off">GitHub Gameoff</a></p>
</div>
</section>
<!--<section class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
<h2>Augue eleifend aliquet<br />
sed condimentum</h2>
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
</div>
</section>-->
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>This is our manifest. Based on our Values.</h2>
<p>It starts with each of us – taking one step at a time toward creating a better place.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3>Self-aware</h3>
<p>Make a habit of noticing your own thinking. Do you find yourself doubting you can improve? For most of us, fixed-mindset thinking happens automatically when we deal with change or experience a setback. "Remember: it’s not about being good—it’s about getting better."</p>
</li>
<li class="icon fa-laptop">
<h3>Willing to Experiment</h3>
<p>You must be willing to seek out and experiment with new approaches and ways of doing things. Experimenting with purpose (e.g. innovating based on deep insights of customers’ wants and needs) and accepting the mistakes that get made along the way is one of the quickest ways to generate solutions to complex problems.</p>
</li>
<li class="icon fa-code">
<h3>Focus on progression over time</h3>
<p>Value progress because you need to focus on performance over time – where they were before, where they are now, and where they’re headed. Students who were evaluated across time—comparing their performance on early problems to their performance on later ones—adopted more of a growth mindset and scored significantly higher than students who were given a single "snapshot" score.</p>
</li>
<li class="icon fa-headphones">
<h3>Learn from others</h3>
<p>Don't shy away from asking others for guidance for fear that they will look inept or inexperienced. Those with a growth mindset believe that experts aren’t born—they’re made through learning from others. It turns out that those who admit they don’t know something are more eager to learn and even appear more confident to others.</p>
</li>
<li class="icon fa-heart-o">
<h3>Choose the right words</h3>
<p>The way in which individuals and companies use words actually encourages either a fixed or a growth mindset. There is a big difference between "no" and "not yet." This is also the case with "expert" and "expertise." In both of these cases, the first word suggests something static or fixed, while the second indicates progress or something to be developed.</p>
</li>
<li class="icon fa-flag-o">
<h3>Improve</h3>
<p>The amazing thing about having a growth mindset is that while you’re practicing, focusing on learning, improving, and being open about change, daily incremental results and big outcomes over time just seem to happen. Rather than being fixated on results for results' sake—or taking short-term gains that sacrifice long-term opportunities—orient your mindset toward continual improvement over a longer time frame. This will result in better outcomes for you, your community, and the world.</p>
</li>
</ul>
</div>
</section>
<!-- CTA
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Arcue ut vel commodo</h2>
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
</header>
<ul class="actions vertical">
<li><a href="#" class="button fit special">Activate</a></li>
<li><a href="#" class="button fit">Learn More</a></li>
</ul>
</div>
</section>
-->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<!--<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>-->
<li><a href="https://www.linkedin.com/company/espora-net/about/" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
<!--<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>-->
<li><a href="http://www.espora.net" class="icon fa-dribbble"><span class="label">espora.net</span></a></li>
<!--<li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>-->
</ul>
<ul class="copyright">
<li>© espora.net</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-92422156-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>