13 files changed, 306 insertions, 64 deletions

diff --git a/src/components/landing/sections/Hero.tsx b/src/components/landing/sections/Hero.tsx
index 4974285..2773b9b 100644
--- a/src/components/landing/sections/Hero.tsx
+++ b/src/components/landing/sections/Hero.tsx
@@ -2,6 +2,8 @@
  * SPDX-FileCopyrightText: 2023-2024 Kristóf Marussy
  *
  * SPDX-License-Identifier: MIT AND CC-BY-4.0
+ *
+ * Code in this file is MIT licensed, while content is CC-BY-4.0 licensed.
  */
 
 import Link from '@docusaurus/Link';
diff --git a/src/components/landing/sections/Publications.module.css b/src/components/landing/sections/Publications.module.css
index c9a39ba..9ef368b 100644
--- a/src/components/landing/sections/Publications.module.css
+++ b/src/components/landing/sections/Publications.module.css
@@ -12,15 +12,6 @@
   white-space: nowrap;
 }
 
-.link--license {
-  --ifm-link-color: var(--ifm-color-secondary-contrast-foreground);
-  --ifm-link-hover-color: var(--ifm-link-color);
-}
-
-[data-theme='dark'] .link--license {
-  --ifm-link-color: var(--ifm-color-emphasis-500);
-}
-
 .link--lower {
   text-transform: lowercase;
 }
diff --git a/src/components/landing/sections/Publications.tsx b/src/components/landing/sections/Publications.tsx
index 90c058e..068ec49 100644
--- a/src/components/landing/sections/Publications.tsx
+++ b/src/components/landing/sections/Publications.tsx
@@ -1,22 +1,16 @@
 /*
  * SPDX-FileCopyrightText: 2023-2024 Kristóf Marussy
  *
- * SPDX-License-Identifier: MIT
+ * SPDX-License-Identifier: MIT AND CC-BY-4.0
+ *
+ * Code in this file is MIT licensed, while content is CC-BY-4.0 licensed.
  */
 
 import Link from '@docusaurus/Link';
-import {
-  ArrowSquareOut,
-  Certificate,
-  File,
-  Lock,
-  Package,
-  Play,
-} from '@phosphor-icons/react';
+import { ArrowSquareOut, File, Package, Play } from '@phosphor-icons/react';
 import clsx from 'clsx';
 
 import {
-  CreativeCommonsIcon,
   DBLPIcon,
   GoogleScholarIcon,
   MTMTIcon,
@@ -26,6 +20,11 @@ import {
 import Section from '@site/src/components/landing/Section';
 import Subtitle from '@site/src/components/landing/Subtitle';
 import authorizedLinks from '@site/src/components/landing/sections/authorizedLinks';
+import {
+  CCLicenseLink,
+  ClosedAccessLink,
+  LicenseLink,
+} from '@site/src/components/licenses';
 
 import styles from './Publications.module.css';
 
@@ -101,59 +100,40 @@ function ClosedAccess({
   url: string;
   authorizedURL?: string | undefined;
 }) {
-  const label = (
-    <>
-      <Lock weight="bold" aria-hidden="true" className={styles.link__icon} />
-      <span className="sr-only">Closed Access: </span>
-      {publisher}
-    </>
-  );
-  if (authorizedURL !== undefined) {
-    // Must allow referrer for the ACM Author-Izer to work.
-    return (
-      <Link
-        to={authorizedURL}
-        rel="nofollow noopener"
-        referrerPolicy="no-referrer-when-downgrade"
-        className={clsx(styles.link, styles['link--license'])}
-      >
-        {label}
-      </Link>
-    );
-  }
   return (
-    <Link
-      to={url}
+    <ClosedAccessLink
+      to={authorizedURL ?? url}
       rel="nofollow noopener noreferrer"
-      className={clsx(styles.link, styles['link--license'])}
+      {...(authorizedURL === undefined
+        ? {
+            rel: 'nofollow noopener noreferrer',
+          }
+        : {
+            // Must allow referrer for the ACM Author-Izer to work.
+            rel: 'nofollow noopener',
+            referrerPolicy: 'no-referrer-when-downgrade',
+          })}
+      label="Closed Access"
     >
-      {label}
-    </Link>
+      {publisher}
+    </ClosedAccessLink>
   );
 }
 
 function OpenAccess({ license }: { license: string }) {
   const url = `https://creativecommons.org/licenses/${license}/4.0/`;
   return (
-    <Link to={url} className={clsx(styles.link, styles['link--license'])}>
-      <CreativeCommonsIcon className={styles.link__icon} hidden />
-      <span className="sr-only">Open Access: </span>
+    <CCLicenseLink to={url} label="Open Access">
       CC-{license.toUpperCase()}-4.0
-    </Link>
+    </CCLicenseLink>
   );
 }
 
 function ArtifactLicense({ license, url }: { license: string; url: string }) {
   return (
-    <Link to={url} className={clsx(styles.link, styles['link--license'])}>
-      <Certificate
-        weight="bold"
-        aria-hidden="true"
-        className={styles.link__icon}
-      />
-      <span className="sr-only">Artifact license: </span>
+    <LicenseLink to={url} label="Artifact license">
       {license}
-    </Link>
+    </LicenseLink>
   );
 }
 
diff --git a/src/components/landing/sections/Research.tsx b/src/components/landing/sections/Research.tsx
index ea6f076..a295419 100644
--- a/src/components/landing/sections/Research.tsx
+++ b/src/components/landing/sections/Research.tsx
@@ -2,6 +2,8 @@
  * SPDX-FileCopyrightText: 2023 Kristóf Marussy
  *
  * SPDX-License-Identifier: MIT AND CC-BY-4.0
+ *
+ * Code in this file is MIT licensed, while content is CC-BY-4.0 licensed.
  */
 
 import clsx from 'clsx';
diff --git a/src/components/landing/sections/Resume.module.css b/src/components/landing/sections/Resume.module.css
index fb576a1..3293add 100644
--- a/src/components/landing/sections/Resume.module.css
+++ b/src/components/landing/sections/Resume.module.css
@@ -129,6 +129,16 @@
   color: var(--ifm-color-emphasis-500);
 }
 
+.cv__muted-link {
+  white-space: nowrap;
+  --ifm-link-color: var(--ifm-color-secondary-contrast-foreground);
+  --ifm-link-hover-color: var(--ifm-link-color);
+}
+
+[data-theme='dark'] .cv__muted-link {
+  --ifm-link-color: var(--ifm-color-emphasis-500);
+}
+
 .cv__activities {
   margin: 1em 0;
 }
diff --git a/src/components/landing/sections/Resume.tsx b/src/components/landing/sections/Resume.tsx
index 6e2bc69..bac2bde 100644
--- a/src/components/landing/sections/Resume.tsx
+++ b/src/components/landing/sections/Resume.tsx
@@ -2,6 +2,8 @@
  * SPDX-FileCopyrightText: 2023-2024 Kristóf Marussy
  *
  * SPDX-License-Identifier: MIT AND CC-BY-4.0
+ *
+ * Code in this file is MIT licensed, while content is CC-BY-4.0 licensed.
  */
 
 import Link from '@docusaurus/Link';
@@ -40,13 +42,18 @@ function Education() {
             </Link>
           </p>
           <p className={styles.cv__muted}>
-            <Lock
-              weight="bold"
-              aria-hidden="true"
-              className={styles['thesis-rights__icon']}
-            />
-            Some poritions may be exclusively licensed to their original
-            publishers
+            <Link
+              to="/license#restricted-content"
+              className={styles['cv__muted-link']}
+            >
+              <Lock
+                weight="bold"
+                aria-hidden="true"
+                className={styles['thesis-rights__icon']}
+              />
+              Some poritions may be exclusively licensed to their original
+              publishers
+            </Link>
           </p>
           <div className={styles['thesis-links']}>
             <Link
diff --git a/src/components/licenses.module.css b/src/components/licenses.module.css
new file mode 100644
index 0000000..ac6c4cc
--- /dev/null
+++ b/src/components/licenses.module.css
@@ -0,0 +1,30 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.link {
+  white-space: nowrap;
+  --ifm-link-color: var(--ifm-color-secondary-contrast-foreground);
+  --ifm-link-hover-color: var(--ifm-link-color);
+}
+
+[data-theme='dark'] .link {
+  --ifm-link-color: var(--ifm-color-emphasis-500);
+}
+
+.icon {
+  vertical-align: text-top;
+  width: 1em;
+  height: 1em;
+  margin-right: 0.125rem;
+}
+
+.text {
+  color: var(--ifm-color-secondary-contrast-foreground);
+}
+
+[data-theme='dark'] .text {
+  color: var(--ifm-color-emphasis-500);
+}
diff --git a/src/components/licenses.tsx b/src/components/licenses.tsx
new file mode 100644
index 0000000..85b0cb2
--- /dev/null
+++ b/src/components/licenses.tsx
@@ -0,0 +1,92 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+import Link, { type Props as LinkProps } from '@docusaurus/Link';
+import { Certificate, Lock } from '@phosphor-icons/react';
+
+import { CreativeCommonsIcon } from '@site/src/components/icons';
+
+import styles from './licenses.module.css';
+
+export type LicenseLinkProps = LinkProps & { label?: string };
+
+export function LicenseLink({ children, label, ...props }: LicenseLinkProps) {
+  return (
+    <Link className={styles.link} {...props}>
+      <Certificate weight="bold" aria-hidden="true" className={styles.icon} />
+      <span className="sr-only">{label ?? 'License'}: </span>
+      {children}
+    </Link>
+  );
+}
+
+export function MITLicenseLink() {
+  return <LicenseLink to="https://spdx.org/licenses/MIT.html">MIT</LicenseLink>;
+}
+
+export function CCLicenseLink({ children, label, ...props }: LicenseLinkProps) {
+  return (
+    <Link className={styles.link} {...props}>
+      <CreativeCommonsIcon className={styles.icon} hidden />
+      <span className="sr-only">{label ?? 'Creative Commons license'}: </span>
+      {children}
+    </Link>
+  );
+}
+
+export function CCBYLicenseLink() {
+  return (
+    <CCLicenseLink to="https://creativecommons.org/licenses/by/4.0/">
+      CC-BY-4.0
+    </CCLicenseLink>
+  );
+}
+
+export function ClosedAccessLink({
+  children,
+  label,
+  ...props
+}: LicenseLinkProps) {
+  return (
+    <Link className={styles.link} {...props}>
+      <Lock weight="bold" aria-hidden="true" className={styles.icon} />
+      <span className="sr-only">{label ?? 'Closed access'}: </span>
+      {children}
+    </Link>
+  );
+}
+
+export type SpanProps = React.DetailedHTMLProps<
+  React.HTMLAttributes<HTMLSpanElement>,
+  HTMLSpanElement
+>;
+
+export function LicenseText({ children, ...props }: SpanProps) {
+  return (
+    <span className={styles.text} {...props}>
+      <Certificate weight="bold" aria-hidden="true" className={styles.icon} />
+      {children}
+    </span>
+  );
+}
+
+export function CCLicenseText({ children, ...props }: SpanProps) {
+  return (
+    <span className={styles.text} {...props}>
+      <CreativeCommonsIcon className={styles.icon} hidden />
+      {children}
+    </span>
+  );
+}
+
+export function ClosedAccessText({ children, ...props }: SpanProps) {
+  return (
+    <span className={styles.text} {...props}>
+      <Lock weight="bold" aria-hidden="true" className={styles.icon} />
+      {children}
+    </span>
+  );
+}
diff --git a/src/css/custom.css b/src/css/custom.css
index 64fb73c..2141aa3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -52,7 +52,8 @@
     'CRSV' var(--crsv);
 }
 
-i {
+i,
+em {
   font-style: normal;
   --slnt: -15;
   --crsv: 1;
diff --git a/src/pages/license.mdx b/src/pages/license.mdx
new file mode 100644
index 0000000..1e55acd
--- /dev/null
+++ b/src/pages/license.mdx
@@ -0,0 +1,67 @@
+---
+title: License
+SPDX-FileCopyrightText: 2024 Kristóf Marussy
+SPDX-License-Identifier: CC-BY-4.0
+---
+
+import {
+  CCBYLicenseLink,
+  CCLicenseLink,
+  CCLicenseText,
+  ClosedAccessLink,
+  ClosedAccessText,
+  LicenseLink,
+  LicenseText,
+  MITLicenseLink,
+} from '../components/licenses';
+
+# Licenses for this site
+
+## Content
+
+Unless otherwise marked, content on this site is <CCBYLicenseLink /> licensed.
+
+The site uses the following marking scheme for content licenses:
+
+- <CCLicenseText>The Creative Commons icon</CCLicenseText> denotes content with a
+  [Creative Commons](https://creativecommons.org/) license. These are the license
+  applied for most open access scholarly literature.
+- <LicenseText>The license icon</LicenseText> denotes content with other [libre licenses](https://opendefinition.org/od/2.1/en/).
+- <ClosedAccessText>The lock icon</ClosedAccessText> denotes restricted content I
+  have the rights for to post but not to license for re-use. This includes material
+  kindly provided to me for posting by others and author drafts of papers published
+  in closed access journals or proceedings.
+
+You're in general free to re-use content with Creative Commons or other libre licenses as long as you abide by the terms of the linked license.
+However, re-using restricted content will need prior permission from the copyright holder.
+
+### Restricted content
+
+Restricted content on this site marked with the <ClosedAccessLink to="#content">lock icon</ClosedAccessLink> includes the following:
+
+- The photo of me apparing on the [home page](/) was taken by [SPOT Fotókör](https://spot.sch.bme.hu/) in 2019 for the [Critical Systems Research Group](https://ftsrg.mit.bme.hu/).
+
+- Unfortunately, some of my [publications](/#publications) appeared in closed access journal and proceedings. Even though neither me nor by colleagues received any compensation, the copyright of this content was assigned to the publisher, such as ACM or IEEE.
+
+  Whenever allowed by the current copyright holder, I posted the _final draft_ of the paper to this site.
+  For papers published by ACM, I also created a link with the [Author-Izer](https://www.acm.org/publications/authors/acm-author-izer-service) to the _version of record_ of the paper. Such links only work if your browser sends my site as the [HTTP referer](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer) to ACM.
+
+- My [PhD thesis](pathname:///phd-thesis.pdf) and its [extended abstract](pathname:///phd-thesis-booklet.pdf) also incorporates content whose copyright was assigned to a publisher. I'm also required to add the following disclaimer:
+
+  > &ldquo;In reference to IEEE copyrighted material which is used with permission in this thesis, the IEEE does not endorse any of Budapest University of Technology and Economics&rsquo; products or services. Internal or personal use of this material is permitted. If interested in reprinting/republishing IEEE copyrighted material for advertising or promotional purposes or for creating new collective works for resale or redistribution, please go to http://www.ieee.org/publications_standards/publications/rights/rights_link.html to learn how to obtain a License from RightsLink. If applicable, University Microfilms and/or ProQuest Library, or the Archives of Canada may supply single copies of the dissertation.&rdquo;
+
+## Code
+
+Code for this site is available at https://git.marussy.com/blog/ under the <MITLicenseLink /> license.
+Files with [restricted content](#restricted-content) were replaced by placeholders or omitted entirely.
+
+I follow the [REUSE Specification – Version 3.0](https://reuse.software/spec/) to declare copyright and licensing for each individual file.
+In particular, files which contain _both code and content_ (e.g., content inside complex JSX components) have the [SPDX License identifier](https://spdx.org/ids) `MIT AND CC-BY-4.0` to signify that they are both <MITLicenseLink /> and <CCBYLicenseLink />.
+If you use only code or only content from such files, you only need to abide by the _corresponding license_ (<MITLicenseLink /> or <CCBYLicenseLink />, respectively).
+
+The site also uses the following third-party code available under libre licenses:
+
+- [Docusaurus](https://docusaurus.io/) static site generator, <MITLicenseLink />
+- [Phosphor Icons](https://phosphoricons.com/), <MITLicenseLink />
+- [Recursive Sans and Mono](https://www.recursive.design/) fonts, <LicenseLink to="https://openfontlicense.org/open-font-license-official-text/">OFL-1.1</LicenseLink>
+- [Simple Icons](https://simpleicons.org/), <CCLicenseLink to="https://creativecommons.org/publicdomain/zero/1.0/">CC0-1.0</CCLicenseLink>
diff --git a/src/theme/Footer/Copyright.jsx b/src/theme/Footer/Copyright.jsx
new file mode 100644
index 0000000..58afe0f
--- /dev/null
+++ b/src/theme/Footer/Copyright.jsx
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) 2024 Kristóf Marussy <kristof@marussy.com>
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This file was derived from
+ * https://github.com/facebook/docusaurus/blob/c745021b01a8b88d34e1d772278d7171ad8acdf5/packages/docusaurus-theme-classic/src/theme/Footer/Copyright/index.tsx
+ * via the `swizzle` mechanism of Docusaurus.
+ *
+ * It was modified to embed JSX content directly in the footer.
+ */
+
+import Link from '@docusaurus/Link';
+import React from 'react';
+
+import { CCLicenseLink, LicenseLink } from '@site/src/components/licenses';
+
+import styles from './Copyright.module.css';
+
+export default function FooterCopyright({ copyright }) {
+  return (
+    <div className="footer__copyright">
+      Most content on this site is{' '}
+      <CCLicenseLink
+        to="/license#content"
+        rel="license"
+        className={styles.link}
+      >
+        CC-BY-4.0
+      </CCLicenseLink>
+      . The{' '}
+      <Link to="https://git.marussy.com/blog/" className={styles.link}>
+        code for this site
+      </Link>{' '}
+      is{' '}
+      <LicenseLink to="/license#code" rel="license" className={styles.link}>
+        MIT
+      </LicenseLink>
+      .<br />
+      <span dangerouslySetInnerHTML={{ __html: copyright }} />
+    </div>
+  );
+}
diff --git a/src/theme/Footer/Copyright.module.css b/src/theme/Footer/Copyright.module.css
new file mode 100644
index 0000000..8bae599
--- /dev/null
+++ b/src/theme/Footer/Copyright.module.css
@@ -0,0 +1,15 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Kristóf Marussy
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.link {
+  --ifm-link-color: var(--ifm-footer-link-color);
+  --ifm-link-hover-color: var(--ifm-footer-link-hover-color);
+}
+
+[data-theme='dark'] .link {
+  /* Make links stand out from the text even in dark mode. */
+  --ifm-link-color: var(--ifm-color-emphasis-500);
+}
diff --git a/src/theme/NavbarItem/NavbarNavLink.jsx b/src/theme/NavbarItem/NavbarNavLink.jsx
index cb151ea..81de931 100644
--- a/src/theme/NavbarItem/NavbarNavLink.jsx
+++ b/src/theme/NavbarItem/NavbarNavLink.jsx
@@ -19,6 +19,7 @@ import isInternalUrl from '@docusaurus/isInternalUrl';
 import { isRegexpStringMatch } from '@docusaurus/theme-common';
 import IconExternalLink from '@theme/Icon/ExternalLink';
 import { useActiveSection } from '@site/src/components/ActiveSectionProvider';
+
 export default function NavbarNavLink({
   activeBasePath,
   activeBaseRegex,