<commit_before>import React from 'react';
import MediaQuery from 'react-responsive';
import Particles from 'react-particles-js';
import MobileMenu from 'header/mobileMenu.jsx';
import SocialMedia from 'header/socialMedia.jsx';
import Main from 'header/Main.jsx';
import particlesConfig from 'particles-config.json';

export default class Header extends React.Component {
	componentDidMount(){
		if(navigator.userAgent.match(/Android|iPhone|iPad|iPod|IEMobile|BlackBerry|webOS|Oper Mini/i)){
			let header = document.getElementsByTagName('header')[0];
			let height = header.offsetHeight;
			header.style.height = height + 'px';
		}
	}
	render(){
		return (
			<header id='header'>				
				<MediaQuery query='(max-width: 1023px)'>
					<MobileMenu/>		
				</MediaQuery>
				<MediaQuery query='(min-width: 1024px)'>
					<Particles params={particlesConfig} style={{width: '100%', height: '100%', position: 'absolute'}}/>
					<SocialMedia/>
					<div id='menu'>
						<nav>
							<ul>
								<li data-aos='fade-down' data-aos-anchor='#header'><span>Expertise</span></li>
								<li data-aos='fade-down' data-aos-delay='200' data-aos-anchor='#header'><span>Skills</span></li>
								<li data-aos='fade-down' data-aos-delay='400' data-aos-anchor='#header'><span>Work</span></li>
								<li data-aos='fade-down' data-aos-delay='800' data-aos-anchor='#header'><span>About</span></li>
								<li data-aos='fade-down' data-aos-delay='1000' data-aos-anchor='#header'><span>Get In Touch</span></li>
							</ul>
						</nav>
					</div>
				</MediaQuery>					
				<Main/>
				<div id='learn-more' data-aos='fade-up' data-aos-delay='1000' data-aos-anchor='#header'>
					<h3>Learn <span class='highlight'> more </span> about me</h3>
					<div id='scroll-icon-mouse'>
						<div id='scroll-icon-button'></div>
					</div>
				</div>				
			</header>
		);<commit_msg>Allowed particles to be visible under padding as well<commit_after>import React from 'react';
import MediaQuery from 'react-responsive';
import Particles from 'react-particles-js';
import MobileMenu from 'header/mobileMenu.jsx';
import SocialMedia from 'header/socialMedia.jsx';
import Main from 'header/Main.jsx';
import particlesConfig from 'particles-config.json';

export default class Header extends React.Component {
	componentDidMount(){
		if(navigator.userAgent.match(/Android|iPhone|iPad|iPod|IEMobile|BlackBerry|webOS|Oper Mini/i)){
			let header = document.getElementsByTagName('header')[0];
			let height = header.offsetHeight;
			header.style.height = height + 'px';
		}
	}
	render(){
		return (
			<header id='header'>				
				<MediaQuery query='(max-width: 1023px)'>
					<MobileMenu/>		
				</MediaQuery>
				<MediaQuery query='(min-width: 1024px)'>
					<Particles params={particlesConfig} style={{width: '100%', height: '100%', position: 'absolute', top: '0px', left: '0px'}}/>
					<SocialMedia/>
					<div id='menu'>
						<nav>
							<ul>
								<li data-aos='fade-down' data-aos-anchor='#header'><span>Expertise</span></li>
								<li data-aos='fade-down' data-aos-delay='200' data-aos-anchor='#header'><span>Skills</span></li>
								<li data-aos='fade-down' data-aos-delay='400' data-aos-anchor='#header'><span>Work</span></li>
								<li data-aos='fade-down' data-aos-delay='800' data-aos-anchor='#header'><span>About</span></li>
								<li data-aos='fade-down' data-aos-delay='1000' data-aos-anchor='#header'><span>Get In Touch</span></li>
							</ul>
						</nav>
					</div>
				</MediaQuery>					
				<Main/>
				<div id='learn-more' data-aos='fade-up' data-aos-delay='1000' data-aos-anchor='#header'>
					<h3>Learn <span class='highlight'> more </span> about me</h3>
					<div id='scroll-icon-mouse'>
						<div id='scroll-icon-button'></div>
					</div>
				</div>				
			</header>
		);
{'fraction_non_alphanumeric': 0.18652575957727874, 'fraction_numerical': 0.018494055482166448, 'mean_word_length': 3.7503136762860727, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, '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': '6591404', 'n_tokens_mistral': 1661, 'n_tokens_neox': 1313, 'n_words': 244}