diff --git a/assets/css/main.css b/assets/css/main.css index 032d21f..598f444 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1843,3 +1843,203 @@ section, margin-top: 0.5rem; font-style: italic; } + +/* -------------- */ +/* Start of stuff for transfer learning page */ +.highlight-link { + color: #6600cc; + font-weight: bold; + text-decoration: underline; +} + +/* keep it purple during click/keyboard focus and once opened */ +.box-title-btn:active, +.box-title-btn:hover, +.box-title-btn:focus, +.box-title-btn:focus-visible, +.box-title-btn[aria-expanded="true"] { + color: #6600cc !important; +} + +/* Marble-style purple/white background */ +.card { + background: linear-gradient(135deg, rgba(240, 230, 255, 0.6), rgba(255, 255, 255, 0.9)), + url('https://www.transparenttextures.com/patterns/marble.png'); + background-size: cover; + background-blend-mode: lighten; + border-radius: 12px; +} + +/* Box titles */ +.box-title-btn { + color: #6600cc; + font-size: 1.7rem; +} + +/* Extra info row inside the button */ +.box-header-content { + display: flex; + justify-content: space-between; + align-items: center; +} + +.box-extra-text a { + color: #000000; +} + +.box-extra-text a:hover { + color: #4b0082; +} + +.box-extra-text { + font-size: 1.2rem; + font-weight: 600; /* a bit bolder */ + color: #000000; +} + +/* this defines the images sizes and borders on phones */ +.box-extra-images img { + height: 80px; + width: auto; + margin-left: 10px; + margin-bottom: 10px; +} + +/* this defines the images sizes and borders on computers and tablets */ +@media (min-width: 768px) { + .box-extra-images img { + height: 80px; + width: auto; + margin-left: 15px; + margin-bottom: 15px; + } +} + +@media (min-width: 768px) { + .pad-bottom { min-height: 200px; } +} + +.fancy-list { + list-style: none; /* Remove default bullets */ + padding-left: 1.2em; +} + +.fancy-list li::before { + content: "★"; + color: #6600cc; + font-weight: bold; + display: inline-block; + width: 1em; + margin-left: -1.2em; +} + +/* Container max-width constraint for transfer learning grid */ +#rej-grid .container { + max-width: 1200px; /* Ensure cards don't become too wide on very large screens */ +} + +/* Transfer Learning Card Structure */ +.transfer-card { + min-height: 280px; /* Ensure consistent height */ + display: flex; + flex-direction: column; +} + +.transfer-card .box-title-btn { + flex: 1; + display: flex !important; + flex-direction: column !important; + text-align: center !important; + border: none !important; + background: none !important; + padding: 0 !important; + margin: 0 !important; +} + +.transfer-card .box-title-btn:focus, +.transfer-card .box-title-btn:active { + outline: none !important; + box-shadow: none !important; +} + +/* Header row with title and badge */ +.card-header-row { + width: 100%; + border-bottom: 1px solid rgba(102, 0, 204, 0.1); +} + +.card-title { + font-size: 1.7rem; + font-weight: bold; + color: #6600cc; +} + +.card-header-row .badge { + font-size: 1rem !important; + padding: 8px 12px !important; + font-weight: 600 !important; +} + +/* Center content area */ +.card-center-content { + flex: 1; + display: flex !important; + flex-direction: column !important; + justify-content: center !important; + align-items: center !important; + text-align: center !important; + min-height: 120px; + padding: 15px 20px; + width: 100% !important; +} + +.associates-text { + font-size: 1.2rem; + font-weight: 600; + color: #000000; + margin: 0 0 15px 0 !important; + text-align: center !important; + width: 100% !important; + display: block !important; +} + +.associates-text a { + color: #6600cc; + text-decoration: underline; +} + +.associates-text a:hover { + color: #4b0082; +} + +/* Company logos styling */ +.company-logos { + min-height: 60px; + display: flex !important; + flex-wrap: wrap !important; + align-items: center !important; + justify-content: center !important; + width: 100% !important; + text-align: center !important; + gap: 10px; + margin: 0 auto !important; +} + +.company-logos img { + height: 60px; + width: auto; + object-fit: contain; + margin: 5px; + display: inline-block; +} + +/* Responsive adjustments */ +@media (min-width: 768px) { + .company-logos img { + height: 70px; + margin: 8px; + } +} + +/* End of stuff for transfer learning page */ +/* -------------- */ diff --git a/assets/img/spotlights/balyasny.png b/assets/img/spotlights/balyasny.png new file mode 100644 index 0000000..cb7423c Binary files /dev/null and b/assets/img/spotlights/balyasny.png differ diff --git a/assets/img/spotlights/five_rings.png b/assets/img/spotlights/five_rings.png new file mode 100644 index 0000000..4a0cf47 Binary files /dev/null and b/assets/img/spotlights/five_rings.png differ diff --git a/assets/img/spotlights/flow_traders.png b/assets/img/spotlights/flow_traders.png new file mode 100644 index 0000000..4bc68e4 Binary files /dev/null and b/assets/img/spotlights/flow_traders.png differ diff --git a/assets/img/spotlights/jane_street.png b/assets/img/spotlights/jane_street.png new file mode 100644 index 0000000..1377f4d Binary files /dev/null and b/assets/img/spotlights/jane_street.png differ diff --git a/assets/img/spotlights/point72.png b/assets/img/spotlights/point72.png new file mode 100644 index 0000000..4bb6068 Binary files /dev/null and b/assets/img/spotlights/point72.png differ diff --git a/assets/img/spotlights/uchicago.png b/assets/img/spotlights/uchicago.png new file mode 100644 index 0000000..c047059 Binary files /dev/null and b/assets/img/spotlights/uchicago.png differ diff --git a/events.html b/events.html index a1eddaf..ceac55d 100644 --- a/events.html +++ b/events.html @@ -53,8 +53,9 @@

BSML

  • Founders
  • Projects
  • Events
    • -
  • Hackathons
    • +
  • Hackathons
  • Theses Repo
    • +
  • Transfer Learning
    • diff --git a/hackathons.html b/hackathons.html index b7e9905..c43a83c 100644 --- a/hackathons.html +++ b/hackathons.html @@ -54,9 +54,10 @@

    BSML

  • FAQ
  • Founders
  • Projects
    • -
  • Events
    • -
  • Hackathons
    • +
  • Events
    • +
  • Hackathons
  • Theses Repo
    • +
  • Transfer Learning
    • diff --git a/index.html b/index.html index a2f8123..a3b5298 100644 --- a/index.html +++ b/index.html @@ -26,14 +26,6 @@ - - @@ -51,13 +43,13 @@

    BSML

    @@ -229,8 +221,8 @@

    Marketing

  • - -

    Website

    + +

    Mentee
    • @@ -446,50 +438,58 @@

    Requirements

    +

    More info here

    Deliverable

    - Website maintenance and on-demand coding. + None

    Mission

    - Build the most beautiful business website a student association can have. + Reach your goals. Literally

    Description

    - We successfully migrated from a third party hosting service to an website fully developed by our members and hosted on GitHub. This is an opportunity to get your hand dirty and write in HTML-CSS-JS to improve the website functionalities, make it even more catchy, add open-roles and fix bugs of any kind. + You will be paired with a mentor active in your field of interest among: Quantitative Finance, Data Science, Machine Learning Research, PhD, and Master's. + Your mentor will offer guidance, share insights, and may even provide referrals.

    Approximate workflow

    -

      -
    1. Receive requirements and proposals about changes to the website.
      2. -
    2. Evaluate their feasiblity.
      3. -
    3. Implement.
      4. -
    + Highly dependent on your mentor and your goals. See below

    Examples

      -
    • You browse on the internet and find a beautiful website with similar color schemes to BSML’s that inspires you. You will propose and implement the changes to BSML’s website.
      • -
    • An applicant notifies us that a button is not working. You will fix the bug, and then take the opportunity to improve the look and feel of the application process.
      • +
    • + If your mentor is supporting you in applications to foreign universities, they might review your statement + of purpose, or offer advice on GRE preparation. Expect more interaction during the Fall and Winter (i.e., before + applications close) +
      • +
    • + If instead your mentor is guiding you through applications to buy-side quantitative finance jobs, they might give you specific + advice on how to prepare for interviews, send you study material, and arrange mock interviews with you. Expect more interaction + if you have an interview coming up +

    -

    Requirements

    -
      -
    • Basic knowledge of HTML-CSS-JS
      • -
    • Familiarity with Boostrap5 is plus
      • -
    -

    Your role is essential for developing and nurturing BSML’s professional public figure.

    +

    This role is designed to empower you to fulfil your full potential.

    -
    - Apply -
    + +
    + + Apply as an Associate + - + + Apply as a Mentee +
    +
    @@ -628,7 +628,7 @@

    Where Our Members Shine

    @@ -694,10 +694,6 @@

    Marco Lomele

    Giulio Caputi

    diff --git a/projects.html b/projects.html index 4922f54..155f26d 100644 --- a/projects.html +++ b/projects.html @@ -51,13 +51,13 @@

    BSML

    diff --git a/theses.html b/theses.html index 993122a..34cfc9c 100644 --- a/theses.html +++ b/theses.html @@ -51,13 +51,13 @@

    BSML

    diff --git a/transfer_learning.html b/transfer_learning.html new file mode 100644 index 0000000..ca5db6a --- /dev/null +++ b/transfer_learning.html @@ -0,0 +1,364 @@ + + + + + + + BSML | Bocconi Students for Machine Learning + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    +

    + Transfer Learning Program +

    +

    + Unlock Your Full Potential +

    +

    +
    + This program is designed to support ambitious Bocconi students in reaching their full potential. +

    + If selected, you'll be matched with a senior BSML member, active in + your field of interest. Your mentor will offer guidance, share + insights, and may even provide referrals. They've stood + where you stand now–they all studied at Bocconi–and have gone on to pursue the path you're aiming for. +

    + Whether you're targeting top universities for a Master's or PhD, or you're interested in a + career in quantitative finance or data science, our mentors are + here to help you. Explore our subject areas, check out where our associates work or study, and apply now! + +

    +
    +
    + + +
    +
    +
    + + + + + + +
    +
    + + +
    + Quantitative Finance + Industry +
    + + + +
    +
    + Interested in a career in quantitative finance, specifically on the buy-side? + At the BSML Transfer Learning Program, we understand how stressful the recruitment process + can be. That's why we're here to support you every step of the way, offering:

    +
      +
    • Mock interviews
      • +
    • Access to the same prep materials we used for brainteasers, mental math, and coding challenges
      • +
    • Personalised CV reviews tailored specifically for quantitative finance roles
      • +
    + Additionally, candidates who build a strong connection with their mentor may become eligible for a referral. +
    +
    +
    +
    + + + +
    +
    + + +
    + Data Science + Industry +
    + + + +
    +
    + Applying to data science jobs? Our mentors are eager to support you throughout the process by offering:

    +
      +
    • Mock interviews to help you practice and improve
      • +
    • Tailored preparation strategies for data science assessments and interviews
      • +
    • Personalised CV reviews focused on data science roles
      • +
    + Candidates who build a strong rapport with their mentor may also be eligible for a referral. +
    +
    +
    +
    + + + + +
    +
    + + +
    + Machine Learning Research + Research +
    + + + +
    +
    + Have a machine learning project you're eager to bring to life? Whether you're looking for collaborators, + support, or just someone to dive into the details with, we're here to help. We can support you by:

    +
      +
    • Working alongside you to develop and refine your project
      • +
    • Reviewing your core ideas, assumptions, and addressing the limitations of your work
      • +
    • Getting feedback from our wider community
      • +
    + Let's turn your vision into reality, together. +
    +
    +
    +
    + + + +
    +
    + + +
    + Master's + Academia +
    + + + +
    +
    + Thinking about pursuing a Master's abroad? Our mentors—all of whom completed their Bachelor's + at Bocconi, just like you—would be glad to support you by:

    +
      +
    • Offering guidance on every part of the application process, including the statement of purpose, + letters of recommendation, standardised tests, and (where applicable) interviews
      • +
    • Reviewing your application materials, such as your statement of purpose
      • +
    • Sharing their own experience during their graduate studies, helping you make a more informed decision
      • +
    +
    +
    +
    +
    + + + + +
    +
    + + +
    + PhD + Academia +
    + + + +
    +
    + Thinking about pursuing a PhD abroad? At the BSML Transfer Learning Program, current PhD students + are ready to support you on your journey by:

    +
      +
    • Offering guidance on every part of the application process, including the statement of purpose, + letters of recommendation, standardised tests, and (where applicable) interviews
      • +
    • Reviewing your application materials, such as your statement of purpose
      • +
    • Sharing their own experience during their graduate studies, helping you make a more informed decision
      • +
    +
    +
    +
    +
    + + +
    +
    +
    + + + + + +
    + + + +
    + +
    + + + + + +
    + + + + + + + + + + + + +