{"id":603,"date":"2025-10-07T20:30:46","date_gmt":"2025-10-07T20:30:46","guid":{"rendered":"https:\/\/giornalemotori.com\/en\/?page_id=603"},"modified":"2026-08-06T19:02:45","modified_gmt":"2026-08-06T19:02:45","slug":"formula-1-hall-of-fame","status":"publish","type":"page","link":"https:\/\/giornalemotori.com\/en\/formula-1-hall-of-fame\/","title":{"rendered":"Formula 1 Hall of Fame"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row\"><div class=\"vc_row tdi_4  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_raw_html tdi_8 \"><div class=\"td-fix-index\"><!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Formula 1 Hall of Fame<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n    :root {\r\n      --bg: #ffffff;\r\n      --card-bg: #f9fafb;\r\n      --card-border: #e5e7eb;\r\n      --text-main: #111827;\r\n      --text-muted: #6b7280;\r\n      --accent: #e10600;\r\n      --accent-soft: #fef2f2;\r\n      --hover-bg: #f3f4f6;\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n\r\n    body {\r\n      margin: 0;\r\n      background-color: var(--bg);\r\n      color: var(--text-main);\r\n      font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    header {\r\n      padding: 20px 0;\r\n      background: #ffffff;\r\n      border-bottom: 1px solid var(--card-border);\r\n    }\r\n\r\n    .header-content {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    h1 {\r\n      margin: 0;\r\n      font-size: 20px;\r\n      font-weight: 800;\r\n      letter-spacing: -0.5px;\r\n      text-transform: uppercase;\r\n      color: var(--text-main);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    h1::before {\r\n      content: '';\r\n      display: inline-block;\r\n      width: 4px;\r\n      height: 20px;\r\n      background: var(--accent);\r\n      border-radius: 2px;\r\n    }\r\n\r\n    .container {\r\n      max-width: 1100px;\r\n      margin: 24px auto;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .layout {\r\n      display: grid;\r\n      grid-template-columns: 220px 1fr;\r\n      gap: 24px;\r\n    }\r\n\r\n    .panel {\r\n      background: #ffffff;\r\n      border-radius: 12px;\r\n      border: 1px solid var(--card-border);\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Sidebar \/ Navigation *\/\r\n    nav.categories {\r\n      padding: 16px;\r\n      height: fit-content;\r\n      background: var(--card-bg);\r\n    }\r\n\r\n    .nav-title {\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.8px;\r\n      color: var(--text-muted);\r\n      margin-bottom: 10px;\r\n      padding-left: 8px;\r\n    }\r\n\r\n    nav .cat-container {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n\r\n    nav .cat {\r\n      padding: 10px 12px;\r\n      border-radius: 6px;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      cursor: pointer;\r\n      color: var(--text-muted);\r\n      transition: all 0.15s ease;\r\n    }\r\n\r\n    nav .cat:hover {\r\n      background: var(--hover-bg);\r\n      color: var(--text-main);\r\n    }\r\n\r\n    nav .cat.active {\r\n      background: var(--accent);\r\n      color: #ffffff;\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* Section Main Area *\/\r\n    .main-section {\r\n      padding: 20px 24px;\r\n    }\r\n\r\n    .toolbar {\r\n      display: flex;\r\n      gap: 16px;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .toolbar h2 {\r\n      margin: 0;\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .search-box {\r\n      position: relative;\r\n      flex: 1;\r\n      max-width: 260px;\r\n    }\r\n\r\n    .search-box input {\r\n      width: 100%;\r\n      padding: 8px 12px 8px 36px;\r\n      background: var(--card-bg);\r\n      border: 1px solid var(--card-border);\r\n      border-radius: 6px;\r\n      color: var(--text-main);\r\n      font-size: 13px;\r\n      outline: none;\r\n      transition: border-color 0.2s ease, background-color 0.2s ease;\r\n    }\r\n\r\n    .search-box input:focus {\r\n      border-color: var(--accent);\r\n      background: #ffffff;\r\n    }\r\n\r\n    .search-box svg {\r\n      position: absolute;\r\n      left: 10px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 16px;\r\n      height: 16px;\r\n      fill: var(--text-muted);\r\n    }\r\n\r\n    \/* Table Styling *\/\r\n    .table-container {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n\r\n    table {\r\n      width: 100%;\r\n      border-collapse: separate;\r\n      border-spacing: 0;\r\n      min-width: 480px;\r\n    }\r\n\r\n    th {\r\n      font-weight: 600;\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.6px;\r\n      color: var(--text-muted);\r\n      background: var(--card-bg);\r\n      padding: 12px 14px;\r\n      border-bottom: 1px solid var(--card-border);\r\n      text-align: left;\r\n    }\r\n\r\n    th:first-child { border-top-left-radius: 6px; }\r\n    th:last-child { border-top-right-radius: 6px; }\r\n\r\n    td {\r\n      padding: 12px 14px;\r\n      border-bottom: 1px solid var(--card-border);\r\n      font-size: 14px;\r\n      color: var(--text-main);\r\n      transition: background 0.15s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    tbody tr:last-child td { border-bottom: none; }\r\n\r\n    tbody tr:hover td {\r\n      background: var(--accent-soft);\r\n    }\r\n\r\n    .badge-year {\r\n      font-weight: 700;\r\n      color: var(--accent);\r\n      font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .badge-country {\r\n      display: inline-block;\r\n      padding: 3px 8px;\r\n      border-radius: 4px;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.5px;\r\n      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    footer {\r\n      margin-top: 24px;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--card-border);\r\n      color: var(--text-muted);\r\n      font-size: 12px;\r\n      text-align: right;\r\n    }\r\n\r\n    \/* Mobile Adjustments *\/\r\n    @media (max-width: 880px) {\r\n      .layout { grid-template-columns: 1fr; gap: 16px; }\r\n      .container { padding: 0 12px; margin: 16px auto; }\r\n      header { padding: 16px 0; }\r\n      .main-section { padding: 16px; }\r\n\r\n      nav.categories { padding: 6px; }\r\n      .nav-title { display: none; }\r\n      nav .cat-container { flex-direction: row; }\r\n      nav .cat { flex: 1; justify-content: center; text-align: center; }\r\n\r\n      .toolbar { flex-direction: column; align-items: stretch; gap: 12px; }\r\n      .search-box { max-width: 100%; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <header>\r\n    <div class=\"header-content\">\r\n      <h1>Formula 1 Hall of Fame<\/h1>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main class=\"container\">\r\n    <div class=\"layout\">\r\n      <nav class=\"categories panel\" aria-label=\"Categories\">\r\n        <div class=\"nav-title\">Category<\/div>\r\n        <div id=\"cats\" class=\"cat-container\">\r\n          <div class=\"cat active\" data-cat=\"F1\">Drivers<\/div>\r\n          <div class=\"cat\" data-cat=\"Constructors\">Constructors<\/div>\r\n        <\/div>\r\n      <\/nav>\r\n\r\n      <section class=\"panel main-section\">\r\n        <div class=\"toolbar\">\r\n          <h2 id=\"activeTitle\">Drivers' Champions<\/h2>\r\n          <div class=\"search-box\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n            <input type=\"text\" id=\"searchInput\" placeholder=\"Search year, name, team...\" onkeyup=\"filterData()\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"contentArea\">\r\n          <div class=\"table-container\">\r\n            <table>\r\n              <thead id=\"thead\">\r\n                <tr><th>Year<\/th><th>Driver<\/th><th>Country<\/th><th>Team<\/th><\/tr>\r\n              <\/thead>\r\n              <tbody id=\"tbody\"><\/tbody>\r\n            <\/table>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <footer>Data updated to the end of the 2025 season<\/footer>\r\n      <\/section>\r\n    <\/div>\r\n  <\/main>\r\n\r\n<script>\r\nconst DATA = [\r\n  {\"year\":2025, \"cat\":\"F1\",\"driver\":\"Lando Norris\",\"country\":\"GBR\",\"team\":\"McLaren\u2013Mercedes\"},\r\n  {\"year\":2024, \"cat\":\"F1\",\"driver\":\"Max Verstappen\",\"country\":\"NLD\",\"team\":\"Red Bull Racing\u2013Honda\"},\r\n  {\"year\":2023, \"cat\":\"F1\",\"driver\":\"Max Verstappen\",\"country\":\"NLD\",\"team\":\"Red Bull Racing\u2013Honda\"},\r\n  {\"year\":2022, \"cat\":\"F1\",\"driver\":\"Max Verstappen\",\"country\":\"NLD\",\"team\":\"Red Bull Racing\u2013Honda\"},\r\n  {\"year\":2021, \"cat\":\"F1\",\"driver\":\"Max Verstappen\",\"country\":\"NLD\",\"team\":\"Red Bull Racing\u2013Honda\"},\r\n  {\"year\":2020, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"Mercedes\"},\r\n  {\"year\":2019, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"Mercedes\"},\r\n  {\"year\":2018, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"Mercedes\"},\r\n  {\"year\":2017, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"Mercedes\"},\r\n  {\"year\":2016, \"cat\":\"F1\",\"driver\":\"Nico Rosberg\",\"country\":\"DEU\",\"team\":\"Mercedes\"},\r\n  {\"year\":2015, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"Mercedes\"},\r\n  {\"year\":2014, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"Mercedes\"},\r\n  {\"year\":2013, \"cat\":\"F1\",\"driver\":\"Sebastian Vettel\",\"country\":\"DEU\",\"team\":\"Red Bull Racing\u2013Renault\"},\r\n  {\"year\":2012, \"cat\":\"F1\",\"driver\":\"Sebastian Vettel\",\"country\":\"DEU\",\"team\":\"Red Bull Racing\u2013Renault\"},\r\n  {\"year\":2011, \"cat\":\"F1\",\"driver\":\"Sebastian Vettel\",\"country\":\"DEU\",\"team\":\"Red Bull Racing\u2013Renault\"},\r\n  {\"year\":2010, \"cat\":\"F1\",\"driver\":\"Sebastian Vettel\",\"country\":\"DEU\",\"team\":\"Red Bull Racing\u2013Renault\"},\r\n  {\"year\":2009, \"cat\":\"F1\",\"driver\":\"Jenson Button\",\"country\":\"GBR\",\"team\":\"Brawn GP\"},\r\n  {\"year\":2008, \"cat\":\"F1\",\"driver\":\"Lewis Hamilton\",\"country\":\"GBR\",\"team\":\"McLaren\u2013Mercedes\"},\r\n  {\"year\":2007, \"cat\":\"F1\",\"driver\":\"Kimi R\u00e4ikk\u00f6nen\",\"country\":\"FIN\",\"team\":\"Ferrari\"},\r\n  {\"year\":2006, \"cat\":\"F1\",\"driver\":\"Fernando Alonso\",\"country\":\"ESP\",\"team\":\"Renault\"},\r\n  {\"year\":2005, \"cat\":\"F1\",\"driver\":\"Fernando Alonso\",\"country\":\"ESP\",\"team\":\"Renault\"},\r\n  {\"year\":2004, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Ferrari\"},\r\n  {\"year\":2003, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Ferrari\"},\r\n  {\"year\":2002, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Ferrari\"},\r\n  {\"year\":2001, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Ferrari\"},\r\n  {\"year\":2000, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Ferrari\"},\r\n  {\"year\":1999, \"cat\":\"F1\",\"driver\":\"Mika H\u00e4kkinen\",\"country\":\"FIN\",\"team\":\"McLaren\u2013Mercedes\"},\r\n  {\"year\":1998, \"cat\":\"F1\",\"driver\":\"Mika H\u00e4kkinen\",\"country\":\"FIN\",\"team\":\"McLaren\u2013Mercedes\"},\r\n  {\"year\":1997, \"cat\":\"F1\",\"driver\":\"Jacques Villeneuve\",\"country\":\"CAN\",\"team\":\"Williams\u2013Renault\"},\r\n  {\"year\":1996, \"cat\":\"F1\",\"driver\":\"Damon Hill\",\"country\":\"GBR\",\"team\":\"Williams\u2013Renault\"},\r\n  {\"year\":1995, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Benetton\u2013Renault\"},\r\n  {\"year\":1994, \"cat\":\"F1\",\"driver\":\"Michael Schumacher\",\"country\":\"DEU\",\"team\":\"Benetton\u2013Renault\"},\r\n  {\"year\":1993, \"cat\":\"F1\",\"driver\":\"Alain Prost\",\"country\":\"FRA\",\"team\":\"Williams\u2013Renault\"},\r\n  {\"year\":1992, \"cat\":\"F1\",\"driver\":\"Nigel Mansell\",\"country\":\"GBR\",\"team\":\"Williams\u2013Renault\"},\r\n  {\"year\":1991, \"cat\":\"F1\",\"driver\":\"Ayrton Senna\",\"country\":\"BRA\",\"team\":\"McLaren\u2013Honda\"},\r\n  {\"year\":1990, \"cat\":\"F1\",\"driver\":\"Ayrton Senna\",\"country\":\"BRA\",\"team\":\"McLaren\u2013Honda\"},\r\n  {\"year\":1989, \"cat\":\"F1\",\"driver\":\"Alain Prost\",\"country\":\"FRA\",\"team\":\"McLaren\u2013Honda\"},\r\n  {\"year\":1988, \"cat\":\"F1\",\"driver\":\"Ayrton Senna\",\"country\":\"BRA\",\"team\":\"McLaren\u2013Honda\"},\r\n  {\"year\":1987, \"cat\":\"F1\",\"driver\":\"Nelson Piquet\",\"country\":\"BRA\",\"team\":\"Williams\u2013Honda\"},\r\n  {\"year\":1986, \"cat\":\"F1\",\"driver\":\"Alain Prost\",\"country\":\"FRA\",\"team\":\"McLaren\u2013TAG Porsche\"},\r\n  {\"year\":1985, \"cat\":\"F1\",\"driver\":\"Alain Prost\",\"country\":\"FRA\",\"team\":\"McLaren\u2013TAG Porsche\"},\r\n  {\"year\":1984, \"cat\":\"F1\",\"driver\":\"Niki Lauda\",\"country\":\"AUT\",\"team\":\"McLaren\u2013TAG Porsche\"},\r\n  {\"year\":1983, \"cat\":\"F1\",\"driver\":\"Nelson Piquet\",\"country\":\"BRA\",\"team\":\"Brabham\u2013BMW\"},\r\n  {\"year\":1982, \"cat\":\"F1\",\"driver\":\"Keke Rosberg\",\"country\":\"FIN\",\"team\":\"Williams\u2013Ford\"},\r\n  {\"year\":1981, \"cat\":\"F1\",\"driver\":\"Nelson Piquet\",\"country\":\"BRA\",\"team\":\"Brabham\u2013Ford\"},\r\n  {\"year\":1980, \"cat\":\"F1\",\"driver\":\"Alan Jones\",\"country\":\"AUS\",\"team\":\"Williams\u2013Ford\"},\r\n  {\"year\":1979, \"cat\":\"F1\",\"driver\":\"Jody Scheckter\",\"country\":\"ZAF\",\"team\":\"Ferrari\"},\r\n  {\"year\":1978, \"cat\":\"F1\",\"driver\":\"Mario Andretti\",\"country\":\"USA\",\"team\":\"Lotus\u2013Ford\"},\r\n  {\"year\":1977, \"cat\":\"F1\",\"driver\":\"Niki Lauda\",\"country\":\"AUT\",\"team\":\"Ferrari\"},\r\n  {\"year\":1976, \"cat\":\"F1\",\"driver\":\"James Hunt\",\"country\":\"GBR\",\"team\":\"McLaren\u2013Ford\"},\r\n  {\"year\":1975, \"cat\":\"F1\",\"driver\":\"Niki Lauda\",\"country\":\"AUT\",\"team\":\"Ferrari\"},\r\n  {\"year\":1974, \"cat\":\"F1\",\"driver\":\"Emerson Fittipaldi\",\"country\":\"BRA\",\"team\":\"McLaren\u2013Ford\"},\r\n  {\"year\":1973, \"cat\":\"F1\",\"driver\":\"Jackie Stewart\",\"country\":\"GBR\",\"team\":\"Tyrrell\u2013Ford\"},\r\n  {\"year\":1972, \"cat\":\"F1\",\"driver\":\"Emerson Fittipaldi\",\"country\":\"BRA\",\"team\":\"Lotus\u2013Ford\"},\r\n  {\"year\":1971, \"cat\":\"F1\",\"driver\":\"Jackie Stewart\",\"country\":\"GBR\",\"team\":\"Tyrrell\u2013Ford\"},\r\n  {\"year\":1970, \"cat\":\"F1\",\"driver\":\"Jochen Rindt\",\"country\":\"AUT\",\"team\":\"Lotus\u2013Ford\"},\r\n  {\"year\":1969, \"cat\":\"F1\",\"driver\":\"Jackie Stewart\",\"country\":\"GBR\",\"team\":\"Matra\u2013Ford\"},\r\n  {\"year\":1968, \"cat\":\"F1\",\"driver\":\"Graham Hill\",\"country\":\"GBR\",\"team\":\"Lotus\u2013Ford\"},\r\n  {\"year\":1967, \"cat\":\"F1\",\"driver\":\"Denny Hulme\",\"country\":\"NZL\",\"team\":\"Brabham\u2013Repco\"},\r\n  {\"year\":1966, \"cat\":\"F1\",\"driver\":\"Jack Brabham\",\"country\":\"AUS\",\"team\":\"Brabham\u2013Repco\"},\r\n  {\"year\":1965, \"cat\":\"F1\",\"driver\":\"Jim Clark\",\"country\":\"GBR\",\"team\":\"Lotus\u2013Climax\"},\r\n  {\"year\":1964, \"cat\":\"F1\",\"driver\":\"John Surtees\",\"country\":\"GBR\",\"team\":\"Ferrari\"},\r\n  {\"year\":1963, \"cat\":\"F1\",\"driver\":\"Jim Clark\",\"country\":\"GBR\",\"team\":\"Lotus\u2013Climax\"},\r\n  {\"year\":1962, \"cat\":\"F1\",\"driver\":\"Graham Hill\",\"country\":\"GBR\",\"team\":\"BRM\"},\r\n  {\"year\":1961, \"cat\":\"F1\",\"driver\":\"Phil Hill\",\"country\":\"USA\",\"team\":\"Ferrari\"},\r\n  {\"year\":1960, \"cat\":\"F1\",\"driver\":\"Jack Brabham\",\"country\":\"AUS\",\"team\":\"Cooper\u2013Climax\"},\r\n  {\"year\":1959, \"cat\":\"F1\",\"driver\":\"Jack Brabham\",\"country\":\"AUS\",\"team\":\"Cooper\u2013Climax\"},\r\n  {\"year\":1958, \"cat\":\"F1\",\"driver\":\"Mike Hawthorn\",\"country\":\"GBR\",\"team\":\"Ferrari\"},\r\n  {\"year\":1957, \"cat\":\"F1\",\"driver\":\"Juan Manuel Fangio\",\"country\":\"ARG\",\"team\":\"Maserati\"},\r\n  {\"year\":1956, \"cat\":\"F1\",\"driver\":\"Juan Manuel Fangio\",\"country\":\"ARG\",\"team\":\"Ferrari-Lancia\"},\r\n  {\"year\":1955, \"cat\":\"F1\",\"driver\":\"Juan Manuel Fangio\",\"country\":\"ARG\",\"team\":\"Mercedes\"},\r\n  {\"year\":1954, \"cat\":\"F1\",\"driver\":\"Juan Manuel Fangio\",\"country\":\"ARG\",\"team\":\"Maserati\"},\r\n  {\"year\":1953, \"cat\":\"F1\",\"driver\":\"Alberto Ascari\",\"country\":\"ITA\",\"team\":\"Ferrari\"},\r\n  {\"year\":1952, \"cat\":\"F1\",\"driver\":\"Alberto Ascari\",\"country\":\"ITA\",\"team\":\"Ferrari\"},\r\n  {\"year\":1951, \"cat\":\"F1\",\"driver\":\"Juan Manuel Fangio\",\"country\":\"ARG\",\"team\":\"Alfa Romeo\"},\r\n  {\"year\":1950, \"cat\":\"F1\",\"driver\":\"Giuseppe Farina\",\"country\":\"ITA\",\"team\":\"Alfa Romeo\"}, \r\n\r\n  \/\/ === CONSTRUCTORS ===\r\n  {\"year\":2025,\"cat\":\"Constructors\",\"name\":\"McLaren-Mercedes\",\"country\":\"GBR\"},\r\n  {\"year\":2024,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Honda\",\"country\":\"AUT\"},\r\n  {\"year\":2023,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Honda\",\"country\":\"AUT\"},\r\n  {\"year\":2022,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Honda\",\"country\":\"AUT\"},\r\n  {\"year\":2021,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2020,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2019,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2018,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2017,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2016,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2015,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2014,\"cat\":\"Constructors\",\"name\":\"Mercedes\",\"country\":\"DEU\"},\r\n  {\"year\":2013,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Renault\",\"country\":\"AUT\"},\r\n  {\"year\":2012,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Renault\",\"country\":\"AUT\"},\r\n  {\"year\":2011,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Renault\",\"country\":\"AUT\"},\r\n  {\"year\":2010,\"cat\":\"Constructors\",\"name\":\"Red Bull Racing\u2013Renault\",\"country\":\"AUT\"},\r\n  {\"year\":2009,\"cat\":\"Constructors\",\"name\":\"Brawn GP\",\"country\":\"GBR\"},\r\n  {\"year\":2008,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":2007,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":2006,\"cat\":\"Constructors\",\"name\":\"Renault\",\"country\":\"FRA\"},\r\n  {\"year\":2005,\"cat\":\"Constructors\",\"name\":\"Renault\",\"country\":\"FRA\"},\r\n  {\"year\":2004,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":2003,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":2002,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":2001,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":2000,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1999,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1998,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013Mercedes\",\"country\":\"GBR\"},\r\n  {\"year\":1997,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Renault\",\"country\":\"GBR\"},\r\n  {\"year\":1996,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Renault\",\"country\":\"GBR\"},\r\n  {\"year\":1995,\"cat\":\"Constructors\",\"name\":\"Benetton\u2013Renault\",\"country\":\"GBR\"},\r\n  {\"year\":1994,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Renault\",\"country\":\"GBR\"},\r\n  {\"year\":1993,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Renault\",\"country\":\"GBR\"},\r\n  {\"year\":1992,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Renault\",\"country\":\"GBR\"},\r\n  {\"year\":1991,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013Honda\",\"country\":\"GBR\"},\r\n  {\"year\":1990,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013Honda\",\"country\":\"GBR\"},\r\n  {\"year\":1989,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013Honda\",\"country\":\"GBR\"},\r\n  {\"year\":1988,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013Honda\",\"country\":\"GBR\"},\r\n  {\"year\":1987,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Honda\",\"country\":\"GBR\"},\r\n  {\"year\":1986,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Honda\",\"country\":\"GBR\"},\r\n  {\"year\":1985,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013TAG Porsche\",\"country\":\"GBR\"},\r\n  {\"year\":1984,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013TAG Porsche\",\"country\":\"GBR\"},\r\n  {\"year\":1983,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1982,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1981,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1980,\"cat\":\"Constructors\",\"name\":\"Williams\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1979,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1978,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1977,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1976,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1975,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1974,\"cat\":\"Constructors\",\"name\":\"McLaren\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1973,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1972,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1971,\"cat\":\"Constructors\",\"name\":\"Tyrrell\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1970,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1969,\"cat\":\"Constructors\",\"name\":\"Matra\u2013Ford\",\"country\":\"FRA\"},\r\n  {\"year\":1968,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Ford\",\"country\":\"GBR\"},\r\n  {\"year\":1967,\"cat\":\"Constructors\",\"name\":\"Brabham\u2013Repco\",\"country\":\"AUS\"},\r\n  {\"year\":1966,\"cat\":\"Constructors\",\"name\":\"Brabham\u2013Repco\",\"country\":\"AUS\"},\r\n  {\"year\":1965,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Climax\",\"country\":\"GBR\"},\r\n  {\"year\":1964,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1963,\"cat\":\"Constructors\",\"name\":\"Lotus\u2013Climax\",\"country\":\"GBR\"},\r\n  {\"year\":1962,\"cat\":\"Constructors\",\"name\":\"BRM\",\"country\":\"GBR\"},\r\n  {\"year\":1961,\"cat\":\"Constructors\",\"name\":\"Ferrari\",\"country\":\"ITA\"},\r\n  {\"year\":1960,\"cat\":\"Constructors\",\"name\":\"Cooper\u2013Climax\",\"country\":\"GBR\"},\r\n  {\"year\":1959,\"cat\":\"Constructors\",\"name\":\"Cooper\u2013Climax\",\"country\":\"GBR\"},\r\n  {\"year\":1958,\"cat\":\"Constructors\",\"name\":\"Vanwall\",\"country\":\"GBR\"}\r\n];\r\n\r\nconst tbody = document.getElementById(\"tbody\");\r\nconst thead = document.getElementById(\"thead\");\r\nconst activeTitle = document.getElementById(\"activeTitle\");\r\nconst cats = document.querySelectorAll(\".cat\");\r\nconst searchInput = document.getElementById(\"searchInput\");\r\nlet activeCat = \"F1\";\r\n\r\n\/\/ Main color mapping for each country's flag\r\nfunction getCountryBadge(code) {\r\n  const styles = {\r\n    \"ITA\": { bg: \"#e6f4ea\", color: \"#137333\" }, \/\/ Italy - Green\r\n    \"GBR\": { bg: \"#e8f0fe\", color: \"#1a73e8\" }, \/\/ United Kingdom - Blue\r\n    \"DEU\": { bg: \"#f1f3f4\", color: \"#202124\" }, \/\/ Germany - Black\/Dark Grey\r\n    \"FRA\": { bg: \"#e8f0fe\", color: \"#1967d2\" }, \/\/ France - Blue\r\n    \"ESP\": { bg: \"#fce8e6\", color: \"#c5221f\" }, \/\/ Spain - Red\r\n    \"NLD\": { bg: \"#feefe3\", color: \"#e37400\" }, \/\/ Netherlands - Orange\r\n    \"BRA\": { bg: \"#e6f4ea\", color: \"#137333\" }, \/\/ Brazil - Green\r\n    \"ARG\": { bg: \"#e8f8f8\", color: \"#12b5cb\" }, \/\/ Argentina - Light Blue\r\n    \"AUT\": { bg: \"#fce8e6\", color: \"#c5221f\" }, \/\/ Austria - Red\r\n    \"FIN\": { bg: \"#e8f0fe\", color: \"#1a73e8\" }, \/\/ Finland - Blue\r\n    \"USA\": { bg: \"#fce8e6\", color: \"#c5221f\" }, \/\/ USA - Red\r\n    \"AUS\": { bg: \"#feefe3\", color: \"#b06000\" }, \/\/ Australia - Gold\/Dark Green\r\n    \"CAN\": { bg: \"#fce8e6\", color: \"#c5221f\" }, \/\/ Canada - Red\r\n    \"NZL\": { bg: \"#e8f0fe\", color: \"#1967d2\" }, \/\/ New Zealand - Blue\r\n    \"ZAF\": { bg: \"#e6f4ea\", color: \"#137333\" }  \/\/ South Africa - Green\r\n  };\r\n\r\n  const style = styles[code] || { bg: \"#f1f3f4\", color: \"#5f6368\" };\r\n  return `<span class=\"badge-country\" style=\"background-color: ${style.bg}; color: ${style.color};\">${code}<\/span>`;\r\n}\r\n\r\nfunction render() {\r\n  tbody.innerHTML = \"\";\r\n  const filtered = DATA.filter(d => d.cat === activeCat);\r\n\r\n  if (activeCat === \"Constructors\") {\r\n    thead.innerHTML = \"<tr><th>Year<\/th><th>Team<\/th><th>Country<\/th><\/tr>\";\r\n    filtered.forEach(d => {\r\n      const tr = document.createElement(\"tr\");\r\n      tr.innerHTML = `<td class=\"badge-year\">${d.year}<\/td><td style=\"font-weight:600\">${d.name}<\/td><td>${getCountryBadge(d.country)}<\/td>`;\r\n      tbody.appendChild(tr);\r\n    });\r\n  } else {\r\n    thead.innerHTML = \"<tr><th>Year<\/th><th>Driver<\/th><th>Country<\/th><th>Team<\/th><\/tr>\";\r\n    filtered.forEach(d => {\r\n      const tr = document.createElement(\"tr\");\r\n      tr.innerHTML = `<td class=\"badge-year\">${d.year}<\/td><td style=\"font-weight:600\">${d.driver}<\/td><td>${getCountryBadge(d.country)}<\/td><td style=\"color:var(--text-muted)\">${d.team}<\/td>`;\r\n      tbody.appendChild(tr);\r\n    });\r\n  }\r\n  activeTitle.textContent = activeCat === \"F1\" ? \"Drivers' Champions\" : \"Constructors' Champions\";\r\n  searchInput.value = \"\";\r\n}\r\n\r\nfunction filterData() {\r\n  const query = searchInput.value.toLowerCase();\r\n  const rows = tbody.getElementsByTagName(\"tr\");\r\n  \r\n  Array.from(rows).forEach(row => {\r\n    const text = row.textContent.toLowerCase();\r\n    row.style.display = text.includes(query) ? \"\" : \"none\";\r\n  });\r\n}\r\n\r\ncats.forEach(c => {\r\n  c.addEventListener(\"click\", () => {\r\n    cats.forEach(x => x.classList.remove(\"active\"));\r\n    c.classList.add(\"active\");\r\n    activeCat = c.dataset.cat;\r\n    render();\r\n  });\r\n});\r\n\r\nrender();\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-603","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/pages\/603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":2,"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/pages\/603\/revisions"}],"predecessor-version":[{"id":1801,"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/pages\/603\/revisions\/1801"}],"wp:attachment":[{"href":"https:\/\/giornalemotori.com\/en\/wp-json\/wp\/v2\/media?parent=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}