<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title><NAME> | My little Bucket of Code</title>
    <link href="img/favicon.png" rel="icon" type="image/png">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="css/lib.min.css">
	<!-- inject:css -->
	<link rel="stylesheet" href="css/index.css">
	<!-- endinject -->

</head>
<body>
    <header class="l-header container is-centered">
		<!-- Background Video --> 
        <div class="fullscreen-video-wrap">
            <video src="video/code.mp4" autoplay="true" loop="true"></video>
        </div>
        <div class="header-overlay"></div>

		<!-- Main Navigation --> 
        <nav class="main-nav ">
            <span class="logo "><h3><NAME></h3></span>
            <ul class="main-menu ">
                <li class="menu-item"><a href="#services">Services</a></li>
                <li class="menu-item"><a href="#work">Work</a></li>
                <li class="menu-item"><a href="#about">About Me</a></li>
                <li class="menu-item"><a href="#projects">Projects</a></li>
                <li class="menu-item"><a href="#blog">Blog</a></li>
                <li class="menu-item"><a href="#contact">Contact</a></li>
            </ul>
        </nav>
		
	   <!--Mobile Navigation -->
       <div class="mobile-navigation ">
          <i class="fa fa-bars nav-toggle" id="mobile-open"></i>
          <nav class="main-navigation" id="mobile-menu" role="navigation">
            <span class="nav-toggle" id="mobile-close">X</span>
            <ul>
                <li><a href="#services">Services</a></li>
                <li><a href="#work">Work</a></li>
                <li><a href="#about">About Me</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#contact">Contact</a></li>
                <li>
                    <ul class="social-links">
                        <h5>Follow Me:</h5>
                        <li><a htarget="_blank" ref="https://www.facebook.com/The.Creative.Process.Be.Creative"><i class="fa fa-facebook-official"></i></a></li>
                        <li><a htarget="_blank" ref="https://twitter.com/RenatoFranciaC"><i class="fa fa-twitter-square"></i></a></li>
                        <li><a htarget="_blank" ref="https://www.instagram.com/renatofrancia/"><i class="fa fa-instagram"></i></a></li>
                        <li><a htarget="_blank" ref="https://www.linkedin.com/in/renatofrancia"><i class="fa fa-linkedin-square"></i></a></li>
                        <li><a htarget="_blank" ref="https://github.com/rmfranciacastillo"><i class="fa fa-github-square"></i></a></li>
                        <li><a htarget="_blank" ref="http://www.thecreativeprocess.co"><i class="fa fa-globe"></i></a></li>
                    </ul>
                </li>
            </ul>
          </nav>
        </div>

        <div class="header-content text-md-center">
            <h1><NAME></h1>
            <p>Welcome to my little bucket of code. Here I put my current projects and talk about code.</p>
        <a class="btn" href="#work">Try my projects</a>
        </div>
    </header>

	<!--Section  --> 
	<section class="section is-centered" id="services">
        <div class="container">
            <h2>My name is <span class="is-bold"><NAME></span> and I've been a professional software developer since 2012. From simple site setup in Drupal to building web applications from scratch using the MEAN stack, I'm used to work in high-paced enviroments and love every moment of it! As a tech enthusiast I always aim to improve myself which has allowed me to provide my clients with the following. </h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<i class="fa fa-code"></i>
					<h3>Front-End</h3>
					<p>I've worked on Fron-End technologies such as Bootstrap, Foundation, CSS grid and Angular</p>
				</li>
        		<li class="iconbox-item">
					<i class="fa fa-terminal"></i>
					<h3>Back-End</h3>
					<p>You can't have a great app without logic. I've worked on NodeJs, PHP, MySQL and MongoDB</p>
				</li>
        		<li class="iconbox-item">
					<i class="fa fa-cloud"></i>
					<h3>Deployment</h3>
					<p>Finally, a great app needs a home to run. For this I used Heroku, AWS and Linux-based Distros</p>
				</li>
        	</ul>
		</div>
    </section>
	
	<!-- Section Alt-->	
	<section class="section-alt is-centered" id="work">
        <div class="container">
			<h2 class="is-bold">WEB APPS</h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="/twitch_app"><img src="img/twitch.png" alt="User Profile"></a>
					<h3>Twitch App</h3>
					<p>Uses Twitch API to check if Twitch users are online or offline. Uses AJAX and VanillaJs</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="https://codepen.io/rmfranciacastillo/full/RWXbNj/"><img src="img/calculator.jpg" alt="User Profile"></a>
					<h3>Calculator</h3>
					<p>A simple calculator app that calculates simple operations using eval parser and VanillaJS</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/tic-tac-toe/"><img src="img/star-wars.jpg" alt="User Profile"></a>
					<h3>Star Wars Tic-Tac-Toe</h3>
					<p>A simple Tic-Tac-Toe game with a Star Wars inspired template. Use AJAX and template views </p>
				</li>
        	</ul>
		</div>
        <div class="container">
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank"href="https://codepen.io/rmfranciacastillo/full/NGBaxJ/"><img src="img/twitter.png" alt="User Profile"></a>
					<h3>Random Quote Generator</h3>
					<p>Generates a random quote and allows to tweet it. Uses Bootstrap, VanillaJS.</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/weather"><img src="img/weather.jpg" alt="User Profile"></a>
					<h3>Weather App</h3>
					<p>A simple weather App that uses a location and Open weather API to tell the time</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/wikipedia/"><img src="img/wikipedia.png" alt="User Profile"></a>
					<h3>Wikipedia Searcher</h3>
					<p>A searcher using Wikipedia public API and CORS. Uses AJAX, VanillaJS</p>
				</li>
        	</ul>
		</div>
    </section>

	<!-- Websites -->
	<section class="section is-centered" id="work">
        <div class="container">
			<h2 class="is-bold">WEBSITES</h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="http://abbottandcompany.net/"><img src="img/accounting.jpg" alt="User Profile"></a>
					<h3>Abbot and Company</h3>
					<p>A simple website built on WordPress 4 with custom made extensions build on CSS3 and VanillaJS  </p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="https://concordacademy.org"><img src="img/concord-academy.jpg" alt="User Profile"></a>
					<h3>Concord Academy</h3>
					<p>Created a page builder on WordPress 4 using Advanced Custom fields and Pods in a Custom Theme</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="#"><img src="img/portfolio.png" alt="User Profile"></a>
					<h3>Portfolio Theme</h3>
					<p>A simple portfolio theme built using CSS3, Flexbox, JQuery and Gulp for testing and automating development</p>
				</li>
        	</ul>
		</div>
	</section>
	
	<!-- Section Image -->
	<section class="section section-bg-image" id="about">
		<div class="container">
			<div class="l-row">
				<div class="l-col-6">
					<ol class="l-iconlist">
						<li class="l-iconlist-item">
							<i class="fa fa-list-alt"></i>
							<div>
								<h1 class="l-iconlist-header"><span>Step 1.</span> Planning & Strategy</h1>  
								<p class="l-iconlist-body">My aim is to always learn about my clients business. Find what are their current pain points and setup the requirements for the project  </p>
							</div>
						</li>
						<li class="l-iconlist-item">
							<i class="fa fa-cogs"></i>
							<div>
								<h1 class="l-iconlist-header"><span>Step 2.</span> Implementation & Prototype</h1>  
								<p class="l-iconlist-body">I work with prototype development approach using a Agile methodology. Once the prototype has been approved by the clients, then I start the development from the Back-End to Front-End.</p>
							</div>
						</li>
						<li class="l-iconlist-item">
							<i class="fa fa-cloud"></i>
							<div>
								<h1 class="l-iconlist-header"><span>Step 3.</span> Deployment & Testing</h1>  
								<p class="l-iconlist-body">Once the app is running, I'll deploy it into Heroku/AWS with its respective databases secured. Furthermore, Unit testing will be provided to provide a high quality of code.</p>
							</div>
						</li>
					</ol>
				</div>
				<div class="l-col-6">
					<img class="img-responsive" src="img/phone-image.png" alt="">
				</div>
			</div>
		</div>
	</section>
	
	<!-- Projects -->
	<section class="section-alt is-centered" id="projects">
        <div class="container">
			<h2 class="is-bold">PROJECTS</h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="https://www.freecodecamp.org/rmfranciacastillo"><img src="img/fcc-logo.jpeg" alt="User Profile"></a>
					<h3>FreeCodeCamp</h3>
					<p>A self-paced, project based online code camp where you learn to build applications in javascript and help non-profits with your learned skill.</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="https://rmfranciacastillo.github.io/mit-challenge/"><img src="img/mit-logo.png" alt="User Profile"></a>
					<h3>MIT Challenge</h3>
					<p>A 12 month project where I try to take the most undergraduate courses of Computer Science from MIT by doing their projects, exams and assigments</p>
				</li>
        	</ul>
		</div>
	</section>
	
	<section class="section section-bg-image-2">
        <div class="container">
			<h2>What Clients Say</h2>

			<div class="slider">
				<input id="i1" type="radio" name="slider" checked>
				<input id="i2" type="radio" name="slider">
				<input id="i3" type="radio" name="slider">
				<div id="one" class="slide">
					<img 
						src="https://avatars1.githubusercontent.com/u/6486733?s=460&v=4" 
						alt="Slider Image">
					<h2><NAME></h2>
					<h6>Software Developer</h6>
					<blockquote>Excepturi Voluptatum ex ea numquam sed </blockquote>
				</div>
				<div id="two" class="slide">
					<img 
						src="https://avatars1.githubusercontent.com/u/6486733?s=460&v=4" 
						alt="Slider Image">
					<h2><NAME></h2>
					<h6>Software Developer</h6>
					<blockquote>Adipisicing quo dolorem iste alias aspernatur accusantium ducimus, excepturi Voluptatum ex ea numquam sed </blockquote>
				</div>
				<div id="three" class="slide">
					<img 
						src="https://avatars1.githubusercontent.com/u/6486733?s=460&v=4" 
						alt="Slider Image">
					<h2><NAME></h2>
					<h6>Software Developer</h6>
					<blockquote>Adipisicing quo dolorem iste alias aspernatur accusantium </blockquote>
				</div>
				<div class="selectors">
					<label id="s1" class="slider-selector" for="i1"></label>
					<label id="s2" class="slider-selector" for="i2"></label>
					<label id="s3" class="slider-selector" for="i3"></label>
				</div>
			</div>

		</div>
	</section>
	
	<!--Section  --> 
	<section class="section is-centered" id="blog">
        <div class="container">
        	<ul class="iconbox-list">
        
				<li class="iconbox-item">
					<img src="https://d1qb2nb5cznatu.cloudfront.net/users/1057861-large?1481133055" alt="User Profile"><commit_msg>Fixed: links<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title><NAME> | My little Bucket of Code</title>
    <link href="img/favicon.png" rel="icon" type="image/png">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="css/lib.min.css">
	<!-- inject:css -->
	<link rel="stylesheet" href="css/index.css">
	<!-- endinject -->

</head>
<body>
    <header class="l-header container is-centered">
		<!-- Background Video --> 
        <div class="fullscreen-video-wrap">
            <video src="video/code.mp4" autoplay="true" loop="true"></video>
        </div>
        <div class="header-overlay"></div>

		<!-- Main Navigation --> 
        <nav class="main-nav ">
            <span class="logo "><h3><NAME></h3></span>
            <ul class="main-menu ">
                <li class="menu-item"><a href="#services">Services</a></li>
                <li class="menu-item"><a href="#work">Work</a></li>
                <li class="menu-item"><a href="#about">About Me</a></li>
                <li class="menu-item"><a href="#projects">Projects</a></li>
                <li class="menu-item"><a href="#blog">Blog</a></li>
                <li class="menu-item"><a href="#contact">Contact</a></li>
            </ul>
        </nav>
		
	   <!--Mobile Navigation -->
       <div class="mobile-navigation ">
          <i class="fa fa-bars nav-toggle" id="mobile-open"></i>
          <nav class="main-navigation" id="mobile-menu" role="navigation">
            <span class="nav-toggle" id="mobile-close">X</span>
            <ul>
                <li><a href="#services">Services</a></li>
                <li><a href="#work">Work</a></li>
                <li><a href="#about">About Me</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#contact">Contact</a></li>
                <li>
                    <ul class="social-links">
                        <h5>Follow Me:</h5>
                        <li><a htarget="_blank" ref="https://www.facebook.com/The.Creative.Process.Be.Creative"><i class="fa fa-facebook-official"></i></a></li>
                        <li><a htarget="_blank" ref="https://twitter.com/RenatoFranciaC"><i class="fa fa-twitter-square"></i></a></li>
                        <li><a htarget="_blank" ref="https://www.instagram.com/renatofrancia/"><i class="fa fa-instagram"></i></a></li>
                        <li><a htarget="_blank" ref="https://www.linkedin.com/in/renatofrancia"><i class="fa fa-linkedin-square"></i></a></li>
                        <li><a htarget="_blank" ref="https://github.com/rmfranciacastillo"><i class="fa fa-github-square"></i></a></li>
                        <li><a htarget="_blank" ref="http://www.thecreativeprocess.co"><i class="fa fa-globe"></i></a></li>
                    </ul>
                </li>
            </ul>
          </nav>
        </div>

        <div class="header-content text-md-center">
            <h1><NAME></h1>
            <p>Welcome to my little bucket of code. Here I put my current projects and talk about code.</p>
        <a class="btn" href="#work">Try my projects</a>
        </div>
    </header>

	<!--Section  --> 
	<section class="section is-centered" id="services">
        <div class="container">
            <h2>My name is <span class="is-bold"><NAME></span> and I've been a professional software developer since 2012. From simple site setup in Drupal to building web applications from scratch using the MEAN stack, I'm used to work in high-paced enviroments and love every moment of it! As a tech enthusiast I always aim to improve myself which has allowed me to provide my clients with the following. </h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<i class="fa fa-code"></i>
					<h3>Front-End</h3>
					<p>I've worked on Fron-End technologies such as Bootstrap, Foundation, CSS grid and Angular</p>
				</li>
        		<li class="iconbox-item">
					<i class="fa fa-terminal"></i>
					<h3>Back-End</h3>
					<p>You can't have a great app without logic. I've worked on NodeJs, PHP, MySQL and MongoDB</p>
				</li>
        		<li class="iconbox-item">
					<i class="fa fa-cloud"></i>
					<h3>Deployment</h3>
					<p>Finally, a great app needs a home to run. For this I used Heroku, AWS and Linux-based Distros</p>
				</li>
        	</ul>
		</div>
    </section>
	
	<!-- Section Alt-->	
	<section class="section-alt is-centered" id="work">
        <div class="container">
			<h2 class="is-bold">WEB APPS</h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="/demos/twitch_app"><img src="img/twitch.png" alt="User Profile"></a>
					<h3>Twitch App</h3>
					<p>Uses Twitch API to check if Twitch users are online or offline. Uses AJAX and VanillaJs</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="https://codepen.io/rmfranciacastillo/full/RWXbNj/"><img src="img/calculator.jpg" alt="User Profile"></a>
					<h3>Calculator</h3>
					<p>A simple calculator app that calculates simple operations using eval parser and VanillaJS</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/games/tic-tac-toe/"><img src="img/star-wars.jpg" alt="User Profile"></a>
					<h3>Star Wars Tic-Tac-Toe</h3>
					<p>A simple Tic-Tac-Toe game with a Star Wars inspired template. Use AJAX and template views </p>
				</li>
        	</ul>
		</div>
        <div class="container">
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="https://codepen.io/rmfranciacastillo/full/NGBaxJ/">
						<img src="img/twitter.png" alt="User Profile">
					</a>
					<h3>Random Quote Generator</h3>
					<p>Generates a random quote and allows to tweet it. Uses Bootstrap, VanillaJS.</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/demos/weather">
						<img src="img/weather.jpg" alt="User Profile">
					</a>
					<h3>Weather App</h3>
					<p>A simple weather App that uses a location and Open weather API to tell the time</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/demos/wikipedia/">
						<img src="img/wikipedia.png" alt="User Profile">
					</a>
					<h3>Wikipedia Searcher</h3>
					<p>A searcher using Wikipedia public API and CORS. Uses AJAX, VanillaJS</p>
				</li>
        	</ul>
		</div>
    </section>

	<!-- Websites -->
	<section class="section is-centered" id="work">
        <div class="container">
			<h2 class="is-bold">WEBSITES</h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="http://abbottandcompany.net/"><img src="img/accounting.jpg" alt="User Profile"></a>
					<h3>Abbot and Company</h3>
					<p>A simple website built on WordPress 4 with custom made extensions build on CSS3 and VanillaJS  </p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="https://concordacademy.org"><img src="img/concord-academy.jpg" alt="User Profile"></a>
					<h3>Concord Academy</h3>
					<p>Created a page builder on WordPress 4 using Advanced Custom fields and Pods in a Custom Theme</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="/themes/portfolio_theme">
						<img src="img/portfolio.png" alt="User Profile">
					</a>
					<h3>Portfolio Theme</h3>
					<p>A simple portfolio theme built using CSS3, Flexbox, JQuery and Gulp for testing and automating development</p>
				</li>
        	</ul>
		</div>
	</section>
	
	<!-- Section Image -->
	<section class="section section-bg-image" id="about">
		<div class="container">
			<div class="l-row">
				<div class="l-col-6">
					<ol class="l-iconlist">
						<li class="l-iconlist-item">
							<i class="fa fa-list-alt"></i>
							<div>
								<h1 class="l-iconlist-header"><span>Step 1.</span> Planning & Strategy</h1>  
								<p class="l-iconlist-body">My aim is to always learn about my clients business. Find what are their current pain points and setup the requirements for the project  </p>
							</div>
						</li>
						<li class="l-iconlist-item">
							<i class="fa fa-cogs"></i>
							<div>
								<h1 class="l-iconlist-header"><span>Step 2.</span> Implementation & Prototype</h1>  
								<p class="l-iconlist-body">I work with prototype development approach using a Agile methodology. Once the prototype has been approved by the clients, then I start the development from the Back-End to Front-End.</p>
							</div>
						</li>
						<li class="l-iconlist-item">
							<i class="fa fa-cloud"></i>
							<div>
								<h1 class="l-iconlist-header"><span>Step 3.</span> Deployment & Testing</h1>  
								<p class="l-iconlist-body">Once the app is running, I'll deploy it into Heroku/AWS with its respective databases secured. Furthermore, Unit testing will be provided to provide a high quality of code.</p>
							</div>
						</li>
					</ol>
				</div>
				<div class="l-col-6">
					<img class="img-responsive" src="img/phone-image.png" alt="">
				</div>
			</div>
		</div>
	</section>
	
	<!-- Projects -->
	<section class="section-alt is-centered" id="projects">
        <div class="container">
			<h2 class="is-bold">PROJECTS</h2>
        	<ul class="iconbox-list">
        		<li class="iconbox-item">
					<a target="_blank" href="https://www.freecodecamp.org/rmfranciacastillo"><img src="img/fcc-logo.jpeg" alt="User Profile"></a>
					<h3>FreeCodeCamp</h3>
					<p>A self-paced, project based online code camp where you learn to build applications in javascript and help non-profits with your learned skill.</p>
				</li>
        		<li class="iconbox-item">
					<a target="_blank" href="https://rmfranciacastillo.github.io/mit-challenge/"><img src="img/mit-logo.png" alt="User Profile"></a>
					<h3>MIT Challenge</h3>
					<p>A 12 month project where I try to take the most undergraduate courses of Computer Science from MIT by doing their projects, exams and assigments</p>
				</li>
        	</ul>
		</div>
	</section>
	
	<section class="section section-bg-image-2">
        <div class="container">
			<h2>What Clients Say</h2>

			<div class="slider">
				<input id="i1" type="radio" name="slider" checked>
				<input id="i2" type="radio" name="slider">
				<input id="i3" type="radio" name="slider">
				<div id="one" class="slide">
					<img 
						src="https://media.licdn.com/dms/image/C4E03AQGCkzaYxasQiw/profile-displayphoto-shrink_100_100/0?e=1540425600&v=beta&t=OsIDoBhD7FPvA9Cpmd5SYSS663S0MTPXghJebyfnG1s" 
						alt="<NAME>">
					<h2><NAME></h2>
					<h6>Named Account Executive, Financial Services at Adobe</h6>
					<blockquote>Renato and I have worked together for the past year and a half. He has been an incredible person and amazing business partner. He is always striving to help the company as a whole. He has an incredible work ethic, is reliable, and dedicated. Over his time with Fund Wisdom Renato has and continues to build the vision for our technology through which he has lead teams of developers. For these reasons, I highly recommend Renato.</blockquote>
				</div>
				<div id="two" class="slide">
					<img 
						src="https://media.licdn.com/dms/image/C4E03AQHi2Xwnl0tM1Q/profile-displayphoto-shrink_100_100/0?e=1540425600&v=beta&t=-laJa438vZ1M0n_wlsUkUkDm8LQEa92S65Wl25uQnL4" 
						alt="Slider Image">
					<h2><NAME></h2>
					<h6>Director of Marketing and Communications at Concord Academy</h6>
					<blockquote>Renato is a skilled developer who tackles every project with a positive attitude. In working on our website, he worked on a complex project, with a lot of customization. He worked tirelessly, and met all of our requests with a smile. It was a pleasure working with Renato. </blockquote>
				</div>
				<div id="three" class="slide">
					<img 
						src="https://avatars1.githubusercontent.com/u/6486733?s=460&v=4" 
						alt="Slider Image">
					<h2>Art Vandalay</h2>
					<h6>Software Developer</h6>
					<blockquote>Adipisicing quo dolorem iste alias aspernatur accusantium </blockquote>
				</div>
				<div class="selectors">
					<label id="s1" class="slider-selector" for="i1"></label>
					<label id="s2" class="slider-selector" for="i2"></label>
					<!-- <label id="s3" class="slider-selector" for="i3"></label> -->
				</div>
			</div>

		</div>
	</section>
	
	<!--Section  --> 
	<section class="section is-centered" id="blog">
        <div class="container">
        	<ul class="iconbox-list">
        
				<li class="iconbox-item">
					<img src="https://d1qb2nb5cznatu.cloudfront.net/users/1057861-large?1481133055" alt="User Profile">
{'fraction_non_alphanumeric': 0.17159500020225718, 'fraction_numerical': 0.013672586060434448, 'mean_word_length': 2.727683956574186, 'pattern_counts': {'":': 0, '<': 836, '<?xml version=': 0, '>': 836, 'https://': 30, 'lorem ipsum': 0, 'www.': 10, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2670610', 'n_tokens_mistral': 9493, 'n_tokens_neox': 8067, 'n_words': 2011}