<commit_before><% content_for :head do %>
	<!-- Script for adding typewirter effect  - Customization at: https://github.com/mattboldt/typed.js/#customization -->
	<script>
	    $(function(){
	        $(".typed").typed({
	            stringsElement: $('#typed-strings'),
	            typeSpeed: 200,
	            loop: true,
	            backDelay: 4000
	        });
	    });
	</script>
<% end %>

<div id="typed-strings">
	<!-- For SEO Purposes -->
    <p>^500 Mohamed Shibl.</p>
    <p>^500 a Web Developer.</p>
    <p>^500 a Front-End Developer.</p>
    <p>^500 a Back-End Developer.</p>
    <p>^500 a Full Stack Developer.</p>
    <p>^500 M<NAME>.</p>
</div>

<hr class="tw-hr">
<div id="typewriter-header">
	<span>I'm&nbsp;</span> <span class="typed"> </span>
</div>
<hr class="tw-hr">

<div class="skills">
	<%= cl_image_tag("ruby_rough_rdzr8l.png", title:"Ruby") %>&nbsp
	<%= cl_image_tag("ror_euctue.png", title:"Ruby on Rails") %>&nbsp
	<%= cl_image_tag("postgresql_hf89ob.png", title:"PostgreSQL") %>&nbsp
	<%= cl_image_tag("javascript_1_s61poh.png", title:"JavaScript") %>&nbsp
	<%= cl_image_tag("jquery_logo_dbcmmu.png", title:"JQuery") %>&nbsp
	<%= cl_image_tag("angular_simple_th3oqk.png", title:"Angular") %>&nbsp
	<%= cl_image_tag("react_y8kar9.png", title:"React JS") %>&nbsp
	<%= cl_image_tag("redux_rmoqtx.png", title:"React Redux Framework") %>&nbsp
	<%= cl_image_tag("meteor_xjnvbh.png", title:"Meteor JS") %>&nbsp
	<%= cl_image_tag("nodejs_small_smhqui.png", title:"NodeJS") %>&nbsp
	<%= cl_image_tag("heroku_m7uapi.png", title:"Heroku") %>&nbsp
	<%= cl_image_tag("webpack-blue-150x150_bcvq91.png", :effect=>"negate", :width=>32, :crop=>"scale") %>&nbsp
	<%= cl_image_tag("gulp_lvgesm.png", title:"Gulp") %>&nbsp
	<%= cl_image_tag("html5_lh9nsu.png", title:"HTML5") %>&nbsp
	<%= cl_image_tag("css3_tqxayw.png", title:"CSS3") %>&nbsp
	<%= cl_image_tag("sass_aferby.png", title:"SASS") %>&nbsp
	<%= cl_image_tag("bootstrap_ysnw2r.png", title:"BootStrap") %>&nbsp
	<%= cl_image_tag("chrome_bjeew8.png", title:"Chrome Platform APIs") %>&nbsp
	<%= cl_image_tag("google_analytics_nlk1zp.png", title:"Google Analytics Certified") %>&nbsp
</div>

<div class="projects">
	<%= render "card", 
		project_image: "gitscout.png", 
		title: "GitScout", 
		front_text: "Web App | React | MobX",
		links: {
			"Friend-Trends.com" => "http://gitscout.herokuapp.com/",
			"Github" => "https://github.com/mshibl/GitScout"},
		back_text: "card_back"
	%>

	<%= render "card", 
		project_image: "devstats.png", 
		title: "FriendTrends", 
		front_text: "Web App | React | Redux",
		links: {
			"Friend-Trends.com" => "http://alldevstats.herokuapp.com/",
			"Github" => "https://github.com/mshibl/TechStats-Redux-App"},
		back_text: "card_back"
	%>

	<%= render "card", <commit_msg>fixing project name<commit_after><% content_for :head do %>
	<!-- Script for adding typewirter effect  - Customization at: https://github.com/mattboldt/typed.js/#customization -->
	<script>
	    $(function(){
	        $(".typed").typed({
	            stringsElement: $('#typed-strings'),
	            typeSpeed: 200,
	            loop: true,
	            backDelay: 4000
	        });
	    });
	</script>
<% end %>

<div id="typed-strings">
	<!-- For SEO Purposes -->
    <p>^500 Mohamed Shibl.</p>
    <p>^500 a Web Developer.</p>
    <p>^500 a Front-End Developer.</p>
    <p>^500 a Back-End Developer.</p>
    <p>^500 a Full Stack Developer.</p>
    <p>^500 Mohamed Shibl.</p>
</div>

<hr class="tw-hr">
<div id="typewriter-header">
	<span>I'm&nbsp;</span> <span class="typed"> </span>
</div>
<hr class="tw-hr">

<div class="skills">
	<%= cl_image_tag("ruby_rough_rdzr8l.png", title:"Ruby") %>&nbsp
	<%= cl_image_tag("ror_euctue.png", title:"Ruby on Rails") %>&nbsp
	<%= cl_image_tag("postgresql_hf89ob.png", title:"PostgreSQL") %>&nbsp
	<%= cl_image_tag("javascript_1_s61poh.png", title:"JavaScript") %>&nbsp
	<%= cl_image_tag("jquery_logo_dbcmmu.png", title:"JQuery") %>&nbsp
	<%= cl_image_tag("angular_simple_th3oqk.png", title:"Angular") %>&nbsp
	<%= cl_image_tag("react_y8kar9.png", title:"React JS") %>&nbsp
	<%= cl_image_tag("redux_rmoqtx.png", title:"React Redux Framework") %>&nbsp
	<%= cl_image_tag("meteor_xjnvbh.png", title:"Meteor JS") %>&nbsp
	<%= cl_image_tag("nodejs_small_smhqui.png", title:"NodeJS") %>&nbsp
	<%= cl_image_tag("heroku_m7uapi.png", title:"Heroku") %>&nbsp
	<%= cl_image_tag("webpack-blue-150x150_bcvq91.png", :effect=>"negate", :width=>32, :crop=>"scale") %>&nbsp
	<%= cl_image_tag("gulp_lvgesm.png", title:"Gulp") %>&nbsp
	<%= cl_image_tag("html5_lh9nsu.png", title:"HTML5") %>&nbsp
	<%= cl_image_tag("css3_tqxayw.png", title:"CSS3") %>&nbsp
	<%= cl_image_tag("sass_aferby.png", title:"SASS") %>&nbsp
	<%= cl_image_tag("bootstrap_ysnw2r.png", title:"BootStrap") %>&nbsp
	<%= cl_image_tag("chrome_bjeew8.png", title:"Chrome Platform APIs") %>&nbsp
	<%= cl_image_tag("google_analytics_nlk1zp.png", title:"Google Analytics Certified") %>&nbsp
</div>

<div class="projects">
	<%= render "card", 
		project_image: "gitscout.png", 
		title: "GitScout", 
		front_text: "Web App | React | MobX",
		links: {
			"Friend-Trends.com" => "http://gitscout.herokuapp.com/",
			"Github" => "https://github.com/mshibl/GitScout"},
		back_text: "card_back"
	%>

	<%= render "card", 
		project_image: "devstats.png", 
		title: "DevStats", 
		front_text: "Web App | React | Redux",
		links: {
			"Friend-Trends.com" => "http://alldevstats.herokuapp.com/",
			"Github" => "https://github.com/mshibl/TechStats-Redux-App"},
		back_text: "card_back"
	%>

	<%= render "card", 
{'fraction_non_alphanumeric': 0.21603163191948238, 'fraction_numerical': 0.019051042415528397, 'mean_word_length': 4.655487804878049, 'pattern_counts': {'":': 0, '<': 110, '<?xml version=': 0, '>': 122, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3840335', 'n_tokens_mistral': 2434, 'n_tokens_neox': 2208, 'n_words': 355}