Skip to content

Commit fd8c7ca

Browse files
r03ert0r03ert0
committed
2 parents 64946f0 + 790217f commit fd8c7ca

9 files changed

Lines changed: 450 additions & 32 deletions

File tree

‎community/index.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,9 @@
4848
<li class="nav-item">
4949
<a class="nav-link" href="/#events">Events</a>
5050
</li>
51+
<li class="nav-item">
52+
<a class="nav-link" href="/series/">Series</a>
53+
</li>
5154
<li class="nav-item">
5255
<a class="nav-link" href="/projects/">Projects</a>
5356
</li>

‎css/main.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -217,7 +217,7 @@ button:active,.button:active:focus,.button:visited {
217217
margin-bottom: 0.5rem;
218218
margin-top:5 !important;
219219
}
220-
#introneurocollab {
220+
.introneurocollab {
221221
font-family: 'Raleway', sans-serif;
222222
font-size: 1.4rem;
223223
line-height: 1.2;

‎images/landing/AleAliSousa_mod.png‎

357 KB
Loading

‎index.html‎

Lines changed: 107 additions & 30 deletions
Large diffs are not rendered by default.

‎projects/index.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,9 @@
4040
<li class="nav-item">
4141
<a class="nav-link" href="/#events">Events</a>
4242
</li>
43+
<li class="nav-item">
44+
<a class="nav-link" href="/series/">Series</a>
45+
</li>
4346
<li class="nav-item">
4447
<a class="nav-link" href="/projects/">Projects</a>
4548
</li>

‎series/index.html‎

Lines changed: 241 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,241 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>BrainWeb</title>
6+
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
8+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9+
10+
<link href="https://cdn.jsdelivr.net/npm/animate.css@^3.5.2/animate.min.css" rel="stylesheet">
11+
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
12+
<link href="https://cdn.jsdelivr.net/npm/quasar@1.9.10/dist/quasar.min.css" rel="stylesheet" type="text/css">
13+
14+
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
15+
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,900" rel="stylesheet">
16+
<link href="https://fonts.googleapis.com/css?family=Oswald:700" rel="stylesheet">
17+
18+
<link rel="stylesheet" type="text/css" href="/css/main.css">
19+
<link rel="stylesheet" type="text/css" href="./series.css">
20+
</head>
21+
22+
23+
<body>
24+
25+
<!-- Firebase authentication -->
26+
<div id="firebaseui-auth-container" class="auth-dialog"></div>
27+
28+
<!-- navigation bar -->
29+
<!-- currently, the fixed top class is added, so it sticks to the top -->
30+
<!-- data value of nav bar corresponds to id in each section -->
31+
<nav class="navbar navbar-expand-lg fixed-top ">
32+
33+
<a class="navbar-brand" href="/" >
34+
<div class="logo_brainweb"><p style="padding-left:4em;color:white;cursor:pointer;font-size:14px;font-weight:300;line-height:2.7;vertical-align: middle;">BrainWeb</p></div>
35+
</a>
36+
37+
<button class="navbar-toggler landing-page myCollapsedMenuBarIcon" id="myMenuBtn" type="button" data-toggle="collapse" data-target="#myMenu" aria-controls="myMenu" aria-expanded="false" aria-label="Toggle navigation" style="padding:0;border:none; width:1.5em;height:1.5em;"
38+
onclick="this.blur();">
39+
</button>
40+
41+
<style>
42+
.userIcon {
43+
width: 32px;
44+
height: 32px;
45+
clip-path: circle(16px at center);
46+
}
47+
48+
#userAvatar {
49+
display: none;
50+
}
51+
52+
.auth-dialog>div:first-child {
53+
position: absolute;
54+
left: 50%;
55+
top: 50%;
56+
background: rgba(0, 0, 0, 0.5);
57+
border: thin solid #777;
58+
transform: translate( -50%, -50%);
59+
z-index: 1050;
60+
}
61+
62+
#loginStatus a {
63+
border-bottom: none;
64+
}
65+
66+
#loginStatus a:hover {
67+
border-bottom: 1px solid white;
68+
}
69+
70+
#csv {
71+
margin-top: 4em;
72+
margin-bottom: 2em;
73+
}
74+
</style>
75+
76+
<div class="collapse navbar-collapse" id="myMenu" style="width:100%;">
77+
<ul class="navbar-nav mr-4">
78+
<li class="nav-item">
79+
<a class="nav-link" href="/">BrainWeb</a>
80+
</li>
81+
<li class="nav-item">
82+
<a class="nav-link" href="/#events">Events</a>
83+
</li>
84+
<li class="nav-item">
85+
<a class="nav-link" href="/series/">Series</a>
86+
</li>
87+
<li class="nav-item">
88+
<a class="nav-link" href="/projects/">Projects</a>
89+
</li>
90+
<li class="nav-item">
91+
<a class="nav-link" href="/community/">Community</a>
92+
</li>
93+
<li class="nav-item">
94+
<a class="nav-link" href="/videoconference/">Videoconference</a>
95+
</li>
96+
<li class="nav-item">
97+
<span class="nav-link" id="loginStatus" style="border-bottom:none"><a style="color:white" href="#" onclick="signIn()">Sign In</a></span>
98+
</li>
99+
<li class="nav-item" id="userAvatar">
100+
<img class="userIcon"/>
101+
</li>
102+
</ul>
103+
</div>
104+
</nav>
105+
106+
107+
<!-- part 2 Events -->
108+
<div class="row mainpageparts hide" id="events">
109+
<div class="container">
110+
<h1>Past Seminars</h1>
111+
<!-- visual head image of section -->
112+
<!-- <div class="row">
113+
<div data-aos="fade-in" data-aos-duration="3000" data-aos-offset="0">
114+
<img src="./images/landing/brainweb-connectome-in-a-sphere.png" style="padding-left:1em;padding-right:1em;padding-bottom:2em;filter:grayscale(80%) contrast(100%) opacity(90%); -webkit-filter:grayscale(80%) contrast(100%) opacity(90%);" class="img-fluid"
115+
alt="">
116+
</div>
117+
</div> -->
118+
119+
<!-- #2 Matteo -->
120+
<div class="row">
121+
<!-- two-spilt part -->
122+
<!-- left side 1 -->
123+
<div class="col-lg-4 col-md-4 col-sm-12">
124+
<div data-aos="fade-in" data-aos-duration="3000" data-aos-offset="0">
125+
<img src="https://userphoto.univ-paris1.fr/?penpalAffiliation=anonymous&uid=mmossio" style="width:60%;margin-left:30%;filter:grayscale(0%) contrast(100%) opacity(90%); -webkit-filter:grayscale(0%) contrast(100%) opacity(90%);" class="img-fluid" alt="">
126+
</div>
127+
<div>
128+
<p><br></p>
129+
</div>
130+
</div>
131+
<!-- right side 1 -->
132+
<div class="col-lg-8 col-md-8 col-sm-12 desc">
133+
<h3>BrainWeb Series #2</h3>
134+
<p>30.05.2022. 3pm UTC</p>
135+
<p2 style="font-weight:900;font-size:16px;padding-top:0px;padding-bottom:0px;">Matteo Mossio &nbsp;&nbsp;</p2>
136+
<!--<a href="https://twitter.com/AleAliSousa"><img src="/images/logo/twitter.png" style="width:17px;padding:0px;"></img>AleAliSousa</a>-->
137+
138+
<p>
139+
<b style="font-weight:900;">On biological and cognitive autonomy</b><br/>
140+
In this talk I will introduce the central notions of the theory of autonomy, as it is being currently developed in biology and cognitive science. The theory of autonomy puts forward the capacity of self-determination of organisms as whole systems, and constitutes thereby an alternative to more reductionist and mechanistic approaches. I will discuss how the theory of autonomy provides a justification for the scientific use of notions as function, norm, agency and teleology, whose epistemological legitimacy is highly debated. I will conclude by describing the difficult challenges that poses the transition from biological to cognitive autonomy. <br />
141+
<br />
142+
<a href="https://www.youtube.com/channel/UCcu7c8bn6mU1YtwnRK7gQwQ"
143+
target="_blank" style="color:white; cursor: pointer">Rewatch the talk on the BrainWeb Youtube channel (will be uploaded soon)!
144+
</a><br><br>
145+
<!-- <a href="https://www.crowdcast.io/e/on-biological-and"
146+
target="_blank" style="color:white; cursor: pointer">Let’s get together at 3pm UTC on Crowdcast!</a><br><br> -->
147+
<b style="font-weight:900;">Biosketch</b><br/>
148+
Matteo Mossio is Chargé de recherche at the Centre National de la Recherche Scientifique (CNRS), full member of the <a href="https://ihpst.pantheonsorbonne.fr" target="_blank">IHPST</a>, Paris, France. He works mainly in philosophical and theoretical issues related to biological autonomy. He <a href="http://perso.univ-paris1.fr/mmossio" target="_blank">published</a> several articles in international philosophical and scientific journals as well as chapters in collective volumes. In 2015, he published (together with Alvaro Moreno) a full monograph on the <a href="https://www.springer.com/gp/book/9789401798365" target="_blank">theory of autonomy</a>. Matteo Mossio supervises several PhD and Master students, and regularly teaches in the Philosophy Program of the University of Paris 1 Panthéon – Sorbonne.
149+
<br/><br/>
150+
<!-- <br> Let's discuss together no matter where we are! -->
151+
</p>
152+
</div>
153+
</div>
154+
155+
<!-- #1 Alexandra -->
156+
<div class="row">
157+
<!-- two-spilt part -->
158+
<!-- left side 1 -->
159+
<div class="col-lg-4 col-md-4 col-sm-12">
160+
<div data-aos="fade-in" data-aos-duration="3000" data-aos-offset="0">
161+
<img src="https://www.bathspa.ac.uk/media/bathspaacuk/our-people/Alexandra-de-Sousa.jpg" style="width:60%;margin-left:30%;filter:grayscale(0%) contrast(100%) opacity(90%); -webkit-filter:grayscale(0%) contrast(100%) opacity(90%);" class="img-fluid" alt="">
162+
</div>
163+
<div>
164+
<p><br></p>
165+
</div>
166+
</div>
167+
<!-- right side 1 -->
168+
<div class="col-lg-8 col-md-8 col-sm-12 desc">
169+
<h3>BrainWeb Series #1</h3>
170+
<p>25.04.2022. 3pm UTC</p>
171+
<p2 style="font-weight:900;font-size:16px;padding-top:0px;padding-bottom:0px;">Alexandra de Sousa &nbsp;&nbsp;</p2>
172+
<a href="https://twitter.com/AleAliSousa"><img src="/images/logo/twitter.png" style="width:17px;padding:0px;"></img>AleAliSousa</a>
173+
174+
<p>
175+
<b style="font-weight:900;">Four questions about brain and behaviour</b><br/>
176+
Tinbergen encouraged ethologists to address animal behaviour by answering four questions, covering physiology, adaptation, phylogeny, and development. This broad approach has implications for neuroscience and psychology, yet, questions about phylogeny are rarely considered in these fields. Here I describe how phylogeny can shed light on our understanding of brain structure and function. Further, I show that we now have or are developing the data and analytical methods necessary to study the natural history of the human mind. <br />
177+
<br />
178+
<a href="https://www.youtube.com/channel/UCcu7c8bn6mU1YtwnRK7gQwQ"
179+
target="_blank" style="color:white; cursor: pointer">Rewatch the talk on the BrainWeb Youtube channel (will be uploaded soon)!</a><br><br>
180+
<b style="font-weight:900;">Biosketch</b><br/>
181+
Dr Alexandra A. de Sousa is a Senior Lecturer in Psychology at Bath Spa University and is also a visiting researcher at the University of Bath. She is interested in the biological basis of behaviour in general and the origin of the human mind in particular. Dr. de Sousa is committed to diverse interdisciplinary approaches within her research area, which led her to found the European Network for Brain Evolution Research. She is involved in public outreach through Brain Evolution in the News. Her research also applies evolutionary theory to understanding contemporary human-environmental interactions.
182+
<br/><br/><br/>
183+
<!-- <br> Let's discuss together no matter where we are! -->
184+
</p>
185+
</div>
186+
</div>
187+
<!-- Agenda -->
188+
<!-- <div id="csv">
189+
<h1 style="padding-bottom:2rem;">Agenda</h1>
190+
<p style="padding-top:2rem; line-height:1.7em;">Please add the links to your breakout topic discussion rooms to our <a href="https://docs.google.com/spreadsheets/d/1q7KD6JnA1G8LBbHt1Dw5Aqje3c-6L6y4V4cqGbVohPY/edit#gid=0">BrainWeb topic session Google sheet</a> and they will automatically
191+
appear here in real time for the community to join.</p>
192+
</div> -->
193+
</div>
194+
<div class="row mainpageparts hide" id="CoC" style="width:100%; position:absolute; bottom:-10px; margin:0;padding:0;border:0; color:white; background:#000000;">
195+
<p style="font-size:14px;position:absolute;left:50%;transform: translate(-50%,0);">Made with love &nbsp; ❤ &nbsp; Please respect the <a href="https://github.com/brain-web/brain-web.github.io/blob/master/CoC.md" target="_blank">BrainWeb Code of Conduct.</a></p>
196+
</div>
197+
</div>
198+
<!-- <footer class="page-footer font-small special-color-dark pt-4 hide">
199+
<div class="footer-copyright text-center py-3">Made with love ❤ Please respect the
200+
<a href="https://github.com/brain-web/brain-web.github.io/blob/master/CoC.md"> BrainWeb Code of Conduct.</a>
201+
</div>
202+
</footer> -->
203+
204+
<script src="/js/sentry.min.js" data-lazy="no"></script>
205+
<script src="https://cdn.jsdelivr.net/npm/vue@^2.0.0/dist/vue.min.js"></script>
206+
<script src="https://cdn.jsdelivr.net/npm/quasar@1.9.10/dist/quasar.umd.min.js"></script>
207+
<script src="https://cdn.jsdelivr.net/npm/quasar@1.9.10/dist/icon-set/svg-material-icons.umd.min.js"></script>
208+
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
209+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
210+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
211+
<script src="/js/main.js"></script>
212+
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.css" />
213+
<script defer src="https://www.gstatic.com/firebasejs/ui/4.5.0/firebase-ui-auth.js"></script>
214+
<script defer src="https://www.gstatic.com/firebasejs/7.12.0/firebase-app.js"></script>
215+
<script defer src="https://www.gstatic.com/firebasejs/7.12.0/firebase-auth.js"></script>
216+
<script defer src="https://www.gstatic.com/firebasejs/7.12.0/firebase-database.js"></script>
217+
218+
<script defer src="/js/init-firebase.js"></script>
219+
<script type="module" src="./index.js"></script>
220+
221+
<script>
222+
AOS.init();
223+
</script>
224+
225+
226+
<!-- Global site tag (gtag.js) - Google Analytics -->
227+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138729622-3"></script>
228+
<script>
229+
window.dataLayer = window.dataLayer || [];
230+
function gtag() {dataLayer.push(arguments);}
231+
gtag('js', new Date());
232+
gtag('config', 'UA-138729622-3');
233+
</script>
234+
</body>
235+
236+
</html>
237+
238+
<!--
239+
References
240+
1. https://bl.ocks.org/puzzler10/4438752bb93f45dc5ad5214efaa12e4a
241+
-->

‎series/index.js‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* global Vue Quasar */
2+
/* eslint-disable camelcase */
3+
4+
Quasar.Dark.set(true);
5+
6+
const app = new Vue({
7+
el: '#q-app',
8+
data () {
9+
return {
10+
projects: []
11+
};
12+
},
13+
methods: {
14+
goTo (url) {
15+
window.location = url;
16+
}
17+
}
18+
});
19+
20+
// eslint-disable-next-line no-undef
21+
startFirebase();
22+
window.addEventListener('load', () => {
23+
// eslint-disable-next-line no-undef
24+
initApp({
25+
loginUserFn: (user) => {
26+
const { displayName, photoURL } = user;
27+
document.querySelector("#userAvatar img").src = photoURL;
28+
document.querySelector("#userAvatar").style.display = "inline-block";
29+
document.getElementById("loginStatus").innerHTML = `<span id="user">${displayName}</span> (<a style="color:white" href="#" onclick="signOut()">Sign Out</a>)`;
30+
},
31+
logoutUserFn: () => {
32+
document.querySelector("#userAvatar").style.display = "none";
33+
document.querySelector("#userAvatar img").src = "";
34+
document.getElementById("loginStatus").innerHTML = `<a style="color:white" href="#" onclick="signIn()">Sign In</a>`;
35+
document.querySelectorAll(".logged").forEach((el) => { el.classList.remove("logged"); });
36+
}
37+
});
38+
});

‎series/series.css‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
.container {
2+
max-width: 86%;
3+
}
4+
.userIcon {
5+
width:32px;
6+
height:32px;
7+
clip-path: circle(16px at center);
8+
}
9+
#userAvatar {
10+
display: none;
11+
}
12+
.auth-dialog > div:first-child {
13+
position:absolute;
14+
left:50%;
15+
top:50%;
16+
background:rgba(0,0,0,0.5);
17+
border: thin solid #777;
18+
transform: translate( -50%, -50% );
19+
z-index: 1050;
20+
}
21+
#loginStatus a {
22+
border-bottom:none;
23+
}
24+
#loginStatus a:hover {
25+
border-bottom:1px solid white;
26+
}
27+
.q-pa-md {
28+
padding: 16px 10px;
29+
}
30+
.q-gutter-x-xl, .q-gutter-xl {
31+
margin-left: -24px;
32+
}
33+
.q-gutter-x-xl>*, .q-gutter-xl>* {
34+
margin-left: 24px;
35+
margin-right: 24px;
36+
}
37+
.column, .flex, .row {
38+
display: flex;
39+
flex-wrap: wrap;
40+
justify-content: center;
41+
}
42+
.q-item__section--side {
43+
padding-right: 0px;
44+
padding-left: 16px;
45+
}
46+
.q-chip .row {
47+
margin-left:-4px !important;
48+
margin-right:-6px !important;
49+
}
50+
.q-chip > .col {
51+
padding-left:5.6px !important;
52+
padding-right:5.6px !important;
53+
}
54+
[v-cloak] {
55+
display: none;
56+
}

‎videoconference/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@
6868
<div id="extras">
6969
<div class="tool" onclick="feedback('🧠')">🧠</div>
7070
<div class="tool" onclick="feedback('🥰')">🥰</div>
71-
<div class="tool" onclick="feedback('😍')">😍</div>
71+
<div class="tool" onclick="feedback('🦦')">🦦</div>
7272
<div class="tool" onclick="feedback('🚀')">🚀</div>
7373
</div>
7474
</div>

0 commit comments

Comments
 (0)