Cns website

.vscode/settings.json

@@ -9,6 +9,7 @@
     "app:ccf-organ-info",
     "app:ccf-rui",
     "app:cde-ui",
+    "app:cns-website",
     "app:dashboard-ui",
     "app:docs.humanatlas.io",
     "app:ftu-ui",

apps/cns-website/eslint.config.mjs

@@ -0,0 +1,27 @@
+import { configs } from '../../eslint.config.mjs';
+
+export default [
+  ...configs.base,
+  ...configs.angular,
+  {
+    files: ['**/*.ts'],
+    rules: {
+      '@angular-eslint/directive-selector': [
+        'error',
+        {
+          type: 'attribute',
+          prefix: 'cns',
+          style: 'camelCase',
+        },
+      ],
+      '@angular-eslint/component-selector': [
+        'error',
+        {
+          type: 'element',
+          prefix: 'cns',
+          style: 'kebab-case',
+        },
+      ],
+    },
+  },
+];

apps/cns-website/jest.config.ts

@@ -0,0 +1,6 @@
+export default {
+  displayName: 'cns-website',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  coverageDirectory: '../../coverage/apps/cns-website',
+};

apps/cns-website/project.json

@@ -0,0 +1,39 @@
+{
+  "name": "cns-website",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "prefix": "cns",
+  "sourceRoot": "apps/cns-website/src",
+  "tags": ["type:app", "project:cns-website"],
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:application",
+      "options": {
+        "assets": [
+          {
+            "glob": "**/*",
+            "input": "apps/cns-website/public"
+          },
+          {
+            "input": "libs/design-system/assets",
+            "glob": "**/*",
+            "output": "./assets"
+          }
+        ]
+      }
+    },
+    "serve": {
+      "executor": "@nx/angular:dev-server",
+      "continuous": true
+    },
+    "compodoc": {
+      "executor": "@twittwer/compodoc:compodoc",
+      "options": {
+        "tsConfig": "apps/cns-website/tsconfig.app.json"
+      }
+    },
+    "build-webcomponent": {
+      "command": "node tools/scripts/bundle-scripts.mjs dist/apps/cns-website/browser/"
+    }
+  }
+}

apps/cns-website/public/assets/content/about-page/data.yaml

@@ -0,0 +1,89 @@
+$schema: ../../../app/schemas/content-page/content-page.schema.json
+title: About the Cyberinfrastructure for Network Science Center
+subtitle: Celebrating 20+ years of data visualization research at Indiana University.
+breadcrumbs:
+  - name: Home
+    route: /
+  - name: About
+content:
+  - component: PageSection
+    tagline: Our mission
+    anchor: our-mission
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Our mission is to advance datasets, tools, and services for the study of biomedical, social and behavioral science, physics, and other networks.
+          A specific focus is research on the structure and evolution of science and technology (S&T) and the communication of results via static and interactive maps of
+          science (learn more at scimaps.org).
+
+          We co-organize international workshops and conferences, promote network science and visualization at national and international initiatives, organize and finance a
+          weekly Network Science talk series, hold an annual open house, host about 10 national and international visitors/faculty each year, and organize regular workshops on
+          the infrastructures and tools we develop and support. In addition, we develop custom interactive data visualization applications for both public and private sector clients in
+          need of innovative ways to interpret and utilize their data. Our clients have included National Science Foundation (NSF), the National Institutes of Health (NIH), the U.S. Department of
+          Agriculture (USDA), the National Academy of Sciences, the Biotechnology and Biological Sciences Research Council in the UK (BBSRC), TD Ameritrade, Net eSolutions, and Cummins Inc.
+
+          Our administrative home is in Luddy Hall at the Luddy School of Informatics, Computing, and Engineering, Indiana University, Bloomington, Indiana, USA.
+      - component: Image
+        src: /assets/content/about-page/images/luddy-hall.png
+
+  - component: PageSection
+    tagline: Our history
+    anchor: our-history
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Before CNS came into existence, Katy Börner created and directed the Information Visualization Lab to provide an active and advanced research environment to conduct research in information visualization.
+
+
+          She later broadened the scope of her enterprise and grew it into an organization that performs big data mining and filtering, creates open source tools for analysis and visualization, shares knowledge and
+          techniques through teaching, exhibitions, and workshops on an international level, and connects people with different expertise for research collaboration across the world—what you know today as the CNS Center.
+
+
+          Today, many students and staff members decide to join CNS because its strong focus on information visualization excellence. Almost all projects at CNS aim to advance data visualization design, standards, tools,
+          or data visualization literacy in general.
+      - component: Image
+        src: /assets/content/about-page/images/history-2005.png
+
+  - component: PageSection
+    tagline: Donate
+    anchor: donate
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          CNS receives funding from organizations throughout the world plus smaller donations from individuals. These generous gifts allow us to stay on the cutting edge of information science and continue the work of
+          helping advance big data management and utilization. Thank you for your support!
+      - component: Button
+        label: Donate
+        href: https://give.myiu.org/iu-bloomington/I320004200.html
+        type: cta
+
+  - component: PageSection
+    tagline: Contact us
+    anchor: contact-us
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Primary contact: Traci Smith, Center Assistant
+
+          E-mail: [email protected]
+
+          Phone: 812-856-4402
+
+
+
+          Mailing address:
+          Cyberinfrastructure for Network Science (CNS) Center
+
+          Department of Intelligent Systems Engineering
+
+          Luddy School of Informatics, Computing, and Engineering
+
+          Indiana University at Bloomington
+
+          700 N. Woodlawn Ave. Luddy Hall, Suite 4018
+
+          Bloomington, IN 47408

apps/cns-website/public/assets/content/amatria/data.yaml

@@ -0,0 +1,142 @@
+$schema: ../../../app/schemas/content-page/content-page.schema.json
+title: 'Amatria: Sentient Architecture'
+subtitle: 'Amatria is a living sculpture that responds to her environment through light, sound, and movement.'
+breadcrumbs:
+  - name: Home
+    route: /
+  - name: Amatria
+content:
+  - component: Image
+    src: assets/content/amatria/images/amatria-1.png
+    alt: Amatria Sentient Architecture installation at Luddy Hall
+
+  - component: PageSection
+    tagline: 'Luddy Hall: Home to Amatria'
+    anchor: luddy-hall
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Indiana University's Luddy Hall is the home of several rather unique Sentient Architecture installations: _Amatria_, dendrites and moths. The installations foreshadow a future where the Internet of Things is omnipresent. They also demonstrate how embedded technologies affect humans that inhabit these spaces. The works were designed and built by members of the Toronto-based [Living Architecture Systems Group](http://livingarchitecturesystems.com/) (LASG) led by Philip Beesley, Philip Beesley Architect Inc. and by members of the Cyberinfrastructure for Network Science Center (CNS) at the School of Informatics, Computing, and Engineering, Indiana University, Bloomington.
+      - component: Image
+        src: assets/content/amatria/images/amatria-2.png
+        alt: About Amatria and architectural elements
+
+  - component: PageSection
+    tagline: 'About Amatria'
+    anchor: about
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          _Amatria_, hanging above the stairs in the 4th floor atrium, is a luminous, forest-inspired landscape of soaring clouds and tangled thickets of 3D-printed formations alive with artificial intelligence that invites visitors into an interactive, ethereal space. 'She' is a living sculpture with a delicate canopy of mesh- and frond-like organic structures suspended from the ceiling in Indiana University's Luddy Hall atrium. She gathers information about her environment using light and motion sensors, responding with atmospheric sounds, undulating movements, and changing colors. She is aware of the people who enter her sphere to gaze upon her visual story of abiogenesis: the emergence of life during the earliest stages of development of the universe.
+          <br><br>
+          - Birthdate: April 11, 2018
+          - Resources: [Amatria Pictionary](https://cns.iu.edu/docs/handouts/Amatria_Pictionary_hi.pdf) | [Living Architecture Systems Group: Amatria](https://livingarchitecturesystems.com/project/amatria/)
+          - Matterport images: [360 degrees, 3D View of Luddy Hall 4111, Amatria's birth place](https://my.matterport.com/models/eDirQ2tqFMo?section=media&mediasection=showcase)
+          - YouTube videos: [Installation](https://youtu.be/6sMbNrPsAM0) | [DEAF 2012](https://www.youtube.com/watch?v=DGHEBdkC8AA)
+          - Publications: Carolyn Beans (2018) [Science and Culture: Sentient architecture promises insight into our evolving relationship with AI](https://doi.org/10.1073/pnas.1809390115). PNAS. 115 (30) 7638-7640
+
+  - component: PageSection
+    tagline: New generations and architectural elements
+    anchor: architectural-elements
+    level: 2
+    content:
+      - component: GridContainer
+        styles:
+          margin-top: 2rem
+          gap: 2rem
+          grid-template-columns: repeat(auto-fill, minmax(max(17rem, calc(50% - 1rem)), 1fr))
+        content:
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/amatria/images/denrites.png
+            tagline: Denrites
+            content:
+              - component: Markdown
+                data: Each _Amatria_ Denrite has one light sensor (the eye) and actuators, such as lights and a strand of shape memory alloy, that makes the sculpture move. Software controls the sensor and actuators. Dendrite fields were built in the 2017 ISE Summer camp.
+            actionsLeft:
+              component: TextHyperlink
+              text: View on GitHub
+              url: https://github.com/pbarch/1714-IU-Summer-Camp
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/amatria/images/moths.png
+            tagline: Moths
+            content:
+              - component: Markdown
+                data: _Amatria_ Moths, on display in the Luddy Hall Visualization Lab (room 4012), are the newest generation of _Amatria_-related architectural elements.
+            actionsLeft:
+              component: TextHyperlink
+              text: View manual
+              url: https://cns.iu.edu/docs/research/workshops/amatria/18-amatria-moth-manual.pdf
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/amatria/images/fascinators.png
+            tagline: Fascinators
+            content:
+              - component: Markdown
+                data: A limited edition personal work of art worn in your hair or elsewhere on your person. Each kit has a pair of mylar fronds that are joined to a tear-drop glass vessel filled with copper sulphate, creating a beautiful contrast of white and silver on blue.
+            actionsLeft:
+              component: TextHyperlink
+              text: View handout
+              url: https://cns.iu.edu/docs/research/workshops/amatria/Handout-Fascinator.pdf
+          - component: ActionCard
+            variant: outlined
+            image: assets/content/amatria/images/amaria.png
+            tagline: Amaria
+            content:
+              - component: Markdown
+                data: Assembled from different types of materials, this unusual structure will grab the attention of any passerby. Place her on a suitable surface, and she will even go for a walk!
+            actionsLeft:
+              component: TextHyperlink
+              text: View handout
+              url: https://cns.iu.edu/docs/research/workshops/amatria/Handout-Amaria.pdf
+
+  - component: PageSection
+    tagline: 'Tavola app: Making sense of Amatria'
+    anchor: tavola
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Tavola is an application that visualizes data flows in _Amatria_. It helps visitors understand the physical structure of _Amatria_ by showing the location of infrared sensors and actuators such as speakers, lights, motors as well as activation patterns unfolding over time. Tavola reads real-time data streams from _Amatria_ (e.g., values of all 18 infrared sensors) and visualizes them using Unity 3D. It comes with a brief introduction of the sculpture and instructions on how to modify camera angles and the data on display. As _Amatria_ evolves, Tavola evolves to capture new functionalities. Tavola is showcased during tours of _Amatria_; a permanent deployment is planned in the near future.
+      - component: Markdown
+        data: |
+          Resources: [Tavola Overview](https://cns.iu.edu/images/research/workshops/amatria/img-tavola-overview.jpg) | [Tavola Real-time Sensor Visualization](https://cns.iu.edu/images/research/workshops/amatria/img-tavola-sensors.jpg)
+      - component: Image
+        src: assets/content/amatria/images/tavola.png
+        alt: Tavola Real-time Sensor Visualization
+
+  - component: PageSection
+    tagline: Events
+    anchor: events
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Over the years, CNS has hosted public tours, birthday celebrations, workshops, and special tours showcasing _Amatria_'s interactive architecture.
+      - component: Button
+        label: View events
+        href: /research?filter=amatria
+        type: cta
+
+  - component: PageSection
+    tagline: References
+    anchor: references
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          Beans, Carolyn. 2018. ["Science and Culture: Sentient Architecture Promises Insight into Our Evolving Relationship with AI."](https://doi.org/10.1073/pnas.1809390115) PNAS 115 (30): 7638–7640.
+
+  - component: PageSection
+    tagline: Acknowledgments
+    anchor: acknowledgments
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          _Amatria_, Dendrites, and Moths were designed and developed by the [Living Architecture Systems Group](http://livingarchitecturesystems.com/) in association with Philip Beesley Architect Inc.
+
+          Tavola was designed by Ph.D. student Andreas Bueckle, under the supervision of Katy Börner, Director of the Cyberinfrastructure for Network Science Center at the Luddy School of Informatics, Computing, and Engineering.

apps/cns-website/public/assets/content/jobs-page/data.yaml

@@ -0,0 +1,46 @@
+$schema: ../../../../src/app/schemas/content-page/content-page.schema.json
+title: Jobs
+subtitle: Work at Indiana University's Cyberinfrastructure for Network Science Center.
+breadcrumbs:
+  - name: Home
+    route: /
+  - name: Jobs
+content:
+  - component: PageSection
+    tagline: Biomedical Consultant
+    anchor: biomedical-consultant
+    level: 2
+    content:
+      - component: Markdown
+        data: |
+          The biomedical consultant will work on the NIH-funded HuBMAP project, which aims to map the human body at single-cell level.
+          They will join an interdisciplinary team that includes software developers, data scientists, medical illustrators, biologists,
+          and project managers at CNS (https://cns.iu.edu).
+          They will collaborate with external organ experts to catalogue and link anatomical structures, cell types,
+          and biomarkers to the Human Reference Atlas (HRA), document work in standard operating procedures, and contribute to scientific publications.
+          They will work with users of the HRA on defining and implementing existing and new use cases.
+          <br><br>
+          The ideal candidate will have strong oral and written communication skills and a unique combination of training
+          and/or prior experience in more than one of the following areas: biomedical imaging, histology, human anatomy and physiology,
+          data analysis, and single cell analyses. Familiarity with multiplexed microscopy image analysis software and molecular biology assays
+          and bioinformatics is a plus. The biomedical expert will have an opportunity to co-author scholarly publications in high-profile scientific outlets.
+          <br><br>
+          This is a flexible, part-time position of up to 20 hours per week and could accommodate remote work for the right candidate,
+          but would ideally be an in-person position on the Indiana University Bloomington campus.
+          To apply, email cover letter and resume to CNS at [[email protected]](mailto:[email protected]) using “Biomedical Consultant position” as the subject line.
+          <br><br>
+          Responsibilities:
+          - Supports efforts of leading scientists in harmonizing terminology across multiple areas of cellular biology.
+          - Assists researchers in interpreting and using experimental data in HRA construction and usage.
+          - Documents procedures in standard operating procedures (SOPs).
+          - Attends relevant meetings, representing the project in a professional manner.
+          - Collaborated on documenting results in scholarly publications.
+          <br>
+
+          Qualifications:
+          - Education: Master's degree in biology or a related field is strongly encouraged.
+            Research experience in a higher education environment is preferred.
+          - Experience: At least 2 years of experience working in a laboratory setting addressing biomolecular research questions.
+            With a focus on single cell experimental designs and data analysis.
+          - Required knowledge, skills, and abilities: Excellent written and oral communication skills.
+            Problem solving skills. Must be willing to work in a team-oriented environment and must be a motivated self-starter.