cssa/about.html at main · cssaberkeley/cssa · GitHub

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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>CSSA Berkeley</title>
    <meta name="viewport"content="width=device-width, initial-scale=1.0">
  </head>
  <link rel="stylesheet" href="css/styles.css">
    <link rel="icon" href="images/cssa-img.png">
  <!-- <link rel="icon" href="images/favicon_HM.ico"> -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Rosario:wght@700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rosario:wght@400;500&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&display=swap" rel="stylesheet">

<!-- CURRENT BCKGD COLOR: #DDDDFA -->

  <body style="background-color: #171756">


    <div class="container">
      <div class="wrap" id="about-wrap">

    <nav style="background-color: #ECF1F5">
      <!-- <div class="logo">
        <h4>CSSA</h4>
      </div>  -->
      <li class="logo-index"> <a class="logo-link" href="index.html">
      <!--<img class="logo-img" src="images/cssa-logo-purp.png">-->
      <img class="logo-img" src="images/graymodelogo.png">
      </a> </li>

      <ul class="nav-links">
        <!--
        <li>
          <a href="index.html">Home</a>
        </li>
      -->
        <li>
          <a href="newsletter.html">Newsletter</a>
        </li>
        <li>
          <a href="about.html">About</a>
        </li>
        <li>
          <a href="involvement.html">Involvement</a>
        </li>
        <li>
          <a href="events.html">Events</a>
        </li>
        <li>
          <a href="conference.html">Conference</a>
        </li>
        <li>
          <a href="resources.html">Resources</a>
        </li>
        <li>
          <a href="2025-2026people.html">People</a>
        </li>
      </ul>

      <div class="burger">
        <div class="line1"></div>
        <div class="line2"></div>
        <div class="line3"></div>
      </div>

    </nav>


   <div class="page-top">
      <h1 id="title" class="page-top-title" style="color: #8A95FB">ABOUT US</h1>
    </div>


    <!--
    <hr class="footer-line">
  -->


    <div class="about-info-top">
      <div class="about-cssa1">
        <h2 style="color: #8A95FB">What is CSSA?</h2>
        <p style="color: #6C6C83">The CSSA is an undergraduate organization at UC Berkeley, aiming to support and enrich the academic life of anyone interested in the interdisciplinary field of Cognitive Science.</p>
        <p style="color: #6C6C83">We strive to build a sense of community for those passionate about cognitive science and provide them with valuable opportunities for personal, academic, and career development. </p>
      </div>
      <div class="about-cssa2">
        <h2 style="color: #8A95FB">What do we do?</h2>
        <p style="color: #6C6C83">We regularly coordinate academic events such as guest lectures and information sessions; plan social events like student-teacher dinners and cog sci themed gatherings; work with cog sci faculty and students to provide assistance for students.</p>
        <p style="color: #6C6C83">Additionally, CSSA  has an academic outreach program, and organizes the annual CSSA Conference. </p>
      </div>

      <!--
      <img class="zoom-banner" src="images/about_imgs/zoom-banner.png">
        -->
    </div>


  <!-- <hr class="footer-line"> -->


    <div class="middle-container-about">
   <h2 style="color: #8A95FB">What is Cognitive Science?</h2>
   <div class="what-is-cogsci">
     <div class="cogsci-blurb">
      <p style="color: #6C6C83">Cognitive science is the interdisciplinary study of the brain and mind. It uses fields such as neuroscience, psychology, philosophy, linguistics, computer science, social cognition, and others to try to shed light on how the mind works.</p>
      <p style="color: #6C6C83">At UC Berkeley, it entails taking classes in the six disciplines listed below and integrating this knowledge for a more holistic approach towards solving fundamental problems pertaining to the nature of mind. Solving such problems relies on aspects of all these disciplines, making cognitive science an essential framework for discovering these solutions. </p>
      <p style="color: #6C6C83">The program at UC Berkeley also allows students to take electives in any of these disciplines, letting them focus their studies on a specific aspect(s) within cognitive science if they choose to. The Berkeley campus also has numerous labs and research opportunities so students can explore their interests further and get involved in the research process.</p>
    </div>

    <div class="what-is-links">
      <li>
         <a style="color: #9FA8FF" class="alinkcome" id="alink">Psychology &#x2335;</a>
      </li>
      <li>
         <a style="color: #9FA8FF" id="alink2">Neuroscience &#x2335;</a>
      </li>
      <li>
         <a style="color: #9FA8FF" id="alink3">Philosophy &#x2335;</a>
      </li>
      <li>
         <a style="color: #9FA8FF" id="alink4">Linguistics &#x2335;</a>
      </li>
      <li>
         <a style="color: #9FA8FF" id="alink5">Computer Science &#x2335;</a>
      </li>
      <li>
        <a style="color: #9FA8FF" id="alink6">Society/Environment &#x2335;</a>
      </li>

    </div>

    <div class="ashowcome" id="ashow" style="display: none">
      <h3 style="color: #9FA8FF">Cognitive Psychology</h3>
      <p class="ashow-text">Cognitive Psychology focuses on cognitive functions of the brain. These functions include perception, memory, and attention. These courses are usually offered by the Psychology department, and so may have restricted enrollment, especially in Phase 1.</p>
      <p>Courses you can ask us about: PSYCH 126, 140, 150, COGSCI 100, 190</p>
    </div>

    <div class="what-is-section" id="ashow2" style="display: none">
      <h3 style="color: #9FA8FF">Cognitive Neuroscience</h3>
      <p>Cognitive Neuroscience involves studying the structure of the brain, as well as the overlaying functions. The courses you will take will be biology-heavy (think MCB61/64). The upper division courses may require self studying a lot of material that is covered in the lower division courses for MCB, IB, or MicroBio majors.</p>
      <p>Courses you can ask us about: PSYCH 117, 127, 133, MCB 161</p>
    </div>
    <div class="what-is-section" id="ashow3" style="display: none">
      <h3 style="color: #9FA8FF">Philosophy</h3>
      <p>The philosophy distribution tackles the big questions in Cognitive Science: questions about what thought and intelligence mean. Philosophy classes are some of the hardest to get into, especially because no classes are crosslisted with Cognitive Science. Some lower division courses are being offered in place of upper divisions that still fulfill the requirement.</p>
      <p>Courses you can ask us about: PHILOS 3, 132, 133, COGSCI 180</p>
    </div>
    <div class="what-is-section" id="ashow4" style="display: none">
      <h3 style="color: #9FA8FF">Linguistics</h3>
      <p>Cognitive Linguistics studies mental processes and thought through language. The Linguistics courses range from pure linguistics (such as Ling 100), to concepts that introduce cognitive perspectives to language (i.e. Ling 105). Look into individual courses or ask someone to see what Linguistics courses strike your fancy!</p>
      <p>Courses you can ask us about: LINGUIS 100</p>
    </div>
    <div class="what-is-section" id="ashow5" style="display: none">
      <h3 style="color: #9FA8FF">Computational Modeling</h3>
      <p>Computational modeling tries to answer questions of cognition and brain function through engineering and algorithmic approaches found in Computer Science. Courses offered by the Computer Science department have very restricted enrollment for non-majors. If you are not a CS major, you can only be added onto the waitlist for upper-division CS classes during Phase 2. Declared, non-senior majors can add courses in Phase 2. Phase 1 is reserved for senior majors only.</p>
      <p>Courses you can ask us about: COGSCI 131, CS 188</p>
    </div>
    <div class="what-is-section" id="ashow6" style="display: none">
      <h3 style="color: #9FA8FF">Society, Culture, and Cognition</h3>
      <p>The Society, Culture, and Cognition looks at human thought at a macro level. This discipline covers a huge variety of applications of Cognitive Science and has courses from lots of departments, including other CogSci disciplines.</p>
      <p>Courses you can ask us about: ECON 119, SOCIOL 150, POLISCI 161</p>
    </div>


    <div class="cogsci-blurb-img">
        <img class="aboutcogsci-img" src="images/about_imgs/about-logo-gray.png">
    </div>
  </div>

    </div>

<!-- <hr class="footer-line"> -->

	<script type= "text/javascript" src="app.js"></script>
  <script type="text/javascript" src="other3.js"></script>

  </div>

    <div class="bottom-container">
      <div class="footer-links">
      <a class="footer-link" href="https://www.linkedin.com/groups/Cognitive-Science-Student-Association-4294489?trk=groups_item_list_abbreviated-h-dsc&goback=%2Egpa_4294489_1_*2_*2_*2_true_cad%2Egna_4294489">LinkedIn</a>
      <a class="footer-link" href="https://www.instagram.com/cssa.berkeley/?hl=en">Instagram</a>
      <a class="footer-link" href="https://www.facebook.com/groups/Cal.CSSA/">Facebook</a>
      <a class="footer-link" href="https://www.youtube.com/channel/UCITu99MQ3eunpuYS2bJw3kw">YouTube</a>
      <a class="footer-link" href="https://github.com/cssaberkeley">Github</a>
      <a class="footer-link" href="https://www.tiktok.com/@cssa.berkeley">TikTok</a>
    </div>
      <p class="copyright">© 2023 Berkeley CSSA</p>
      <!-- <p class="ocf-tag" >OCF TAG</p> -->
      <img src="images/ocf-tag.png" class="ocf-tag">
      <br>
      <a class="footer-link" href="https://docs.google.com/forms/d/1IXKIYr1eDERmD7oB7X1fJllibeUhVtcR0XWoHrS0-ms/viewform?edit_requested=tru"> Anonymous Feedback Form</a>
      <br>
      <p class="ocfterms">We are a student group acting independently of the University of California. We take full responsibility for our organization and this web site.
      </p>

    </div>


  </div>

  </body>
</html>