<commit_before>import React from 'react'
import styled from 'styled-components'
import { Link } from 'gatsby'
import Headroom from 'react-headroom'

const Wrapper = styled.section`
  background: ${props => props.theme.colors.base};
  margin: 1.5rem auto 0;
  padding: 0 2rem 2rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  opacity: 0.95;
  backdrop-filter: blur(10px);
`
const BackButton = styled(Link)`
  margin: 1rem 0 0.5rem;
  flex-grow: 1;
  width: 100%;
  align-self: center;
  justify-self: center;
  text-align: center;
  text-decoration: none;
  @media screen and (min-width: ${props => props.theme.responsive.small}) {
    position: fixed;
    left: 2rem;
    align-self: flex-start;
    justify-self: flex-start;
    text-align: left;
  }
`
const Title = styled.h1`
  margin: 0.5rem 0 1rem;
  flex-grow: 1;
  width: 100%;<commit_msg>Article header opacity<commit_after>import React from 'react'
import styled from 'styled-components'
import { Link } from 'gatsby'
import Headroom from 'react-headroom'

const Wrapper = styled.section`
  background: ${props => props.theme.colors.base};
  margin: 0 auto 0;
  padding: 1.5rem 2rem 2rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  opacity: 0.975;
  backdrop-filter: blur(10px);
`
const BackButton = styled(Link)`
  margin: 1rem 0 0.5rem;
  flex-grow: 1;
  width: 100%;
  align-self: center;
  justify-self: center;
  text-align: center;
  text-decoration: none;
  @media screen and (min-width: ${props => props.theme.responsive.small}) {
    position: fixed;
    left: 2rem;
    align-self: flex-start;
    justify-self: flex-start;
    text-align: left;
  }
`
const Title = styled.h1`
  margin: 0.5rem 0 1rem;
  flex-grow: 1;
  width: 100%;
{'fraction_non_alphanumeric': 0.13612004287245444, 'fraction_numerical': 0.03483386923901393, 'mean_word_length': 3.632754342431762, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6944444', 'n_tokens_mistral': 721, 'n_tokens_neox': 669, 'n_words': 185}