! Good on small mobile now just tablets

config.toml

@@ -18,175 +18,20 @@ linkedin = "https://www.linkedin.com/in/alejandro-santillana-foss/"
 gitlab = "https://gitlab.com/shockrah"
 
 
-    # Languages section
+# Skills or something idk
-    [params.language]
+[params.language]
-        title = "Skills"
+	title = "Skills"
 
-        [[params.language.list]]
+	[[params.language.list]]
-        type = "General Programming Languages"
+	type = "General Programming Languages"
-        language = "C/C++, Rust, Python, Bash, Javascript"
+	language = "C/C++, Rust, Python, Bash, Javascript"
-				
+			
-        [[params.language.list]]
+	[[params.language.list]]
-        type = "Web Development"
+	type = "Web Development"
-        language = "HTML, CSS, SASS, Jinja, Jquery, Vue, Flask"
+	language = "HTML, CSS, SASS, Jinja, Jquery, Vue, Flask"
 
-        [[params.language.list]]
+	[[params.language.list]]
-        type = "Soft skills"
+	type = "Soft skills"
-        language = "Patient, Analytical, Leader, Organized"
+	language = "Patient, Analytical, Leader, Organized"
-
-    # Interests section
-    [params.hobbies]
-        title = "Hobbies"
-
-        [[params.hobbies.list]]
-        interest = "Confectionery and baking"
-
-        [[params.hobbies.list]]
-        interest = "Surfing and ocean swimming"
-
-		[[params.hobbies.list]]
-        interest = "Creating and contributing to open source software"
-
-		[[params.hobbies.list]]
-        interest = "Caligraphy and Generative art"
-
-    [params.aboutme]
-        description = "Developer, Confectioner, DIYer, Security+ Certified"
-
-    [params.experiences]
-        icon = "fa-briefcase"
-        title = "Experience"
-
-		[[params.jobs.list]]
-		position = "Devops/Fullstack Engineer"
-		dates = "August 2021 - Current"
-		details = "Helping build a new industry trend analyzer. Primarily working with Python, Gitlab CI/CD, AWS, and natural language processing frameworks like spacy."
-
-		[[params.jobs.list]]
-		position = "Devops Intern"
-		dates = "May 2021 - August 2021"
-		details = "Learned how to build and manage scalable applications with modern CI/CD pipelines. Developed application workflows with Terraform, AWS, Gitlab CI, and Python. Acheived CompTIA Security+ Certification and Splunk Certification. Finished internship with an offer to work at sister company Career Mentor Group."
-
-        [[params.jobs.list]]
-		position = "Amazon Fulfillment Associate"
-		dates = "May 2020 - December 2020"
-		details = "Fulfill basic warehouse and stock order duties. Responsibilities include offloading merchandise trucks, locating stock, and packing items for shipment."
-
-        [[params.jobs.list]]
-        position = "Computer Architecture Teaching Assistant CSU Monterey Bay"
-        dates = "October 2019 - December 2019"
-        details = "Prepared students for exams and helped with assignments through consistent office hour scheduling and by providing ample feedback on assignments. Course material covered MIPS assembly , sequential and combinatorial logic, and an introduction to CPU design. Left because I was graduating that very semester that I worked."
 
 
-        [[params.jobs.list]]
-		position = "Data Visualization Capstone Project"
-		dates = "September 2019 - December 2019"
-		company = "CSU Monterey Bay"
-		details = "Created a data visualization tool set with specially designed visualization algorithms to better represent supercomputer resource usage. Worked with data from the U.S Naval Research Laboratory's compute clusters."
-		
-
-    # Projects section
-    [params.projects]
-        icon = "fa-project-diagram"
-        title = "Projects"
-
-        [[params.projects.list]]
-	title = "Freechat - A FOSS Decentralized Chat Platform"
-	url = "https://gitlab.com/shockrah/freechat"
-	bullets = [
-		"FOSS chat platform written with NodeJS, HTML, SASS, and Rust",
-		"Supports, multi-channel text chat and file upload similar to Slack/Discord",
-		"Real-time communication support built with a client friendly API",
-		"Built automated tests and streamlined deployment with Gitlab’s CI/CD system",
-		"Link: https://gitlab.com/shockrah/freechat"
-	]
-	
-	[[params.projects.list]]
-	title = "Clippable - A self-hosted video sharing platform"
-	url = "https://gitlab.com/shockrah/clippable"
-	bullets = [
-        "Easily administered web application for sharing video shorts with anyone on any platform",
-		"Built with asynchronous Rust, Tokio, Tera, and Typescript",
-        "Link: https://gitlab.com/shockrah/clippable"
-	]
-
-	[[params.projects.list]]
-	title = "Homebrew Operating system"
-	url = "https://gitlab.com/shockrah/jankos"
-	bullets = [
-		"x86 operating system written from scratch",
-		"Engineered with C, assembly, and debugged with tools such as Cutter and Bochs",
-		"ISO files are automatically built with Gitlab CI pipelines",
-		"Link: https://gitlab.com/shockrah/jankos"
-	]
-
-
-	[[params.projects.list]]
-	title = "ESP8266 Promiscuous Wifi Detection"
-	url = "https://gitlab.com/shockrah/wifi-sens"
-	bullets = [
-		"Simplified a reverse-engineered C API with a refined abstraction layer in C++",
-		"Collaborated on research to design a platform whose cost was projected to $10/unit",
-		"Link: https://gitlab.com/shockrah/wifi-sens"
-	]
-
-	[[params.projects.list]]
-	title = "Graphics Engine"
-	url = "https://gitlab.com/shockrah/gfx-engine"
-	bullets = [
-		"Platform agnostic graphics engine built with modularity in mind",
-		"Implemented in C++ utilizing SDL2 on the backend",
-		"Link: https://gitlab.com/shockrah/gfx-engine"
-	]
-	[[params.projects.list]]
-	title = "Chatbot Game Server Cluster"
-	url = "https://gitlab.com/shockrah/left-coast-server-bot"
-	bullets = [
-		"Game service bot which drives an AWS EC2 cluster",
-		"Infrastucture includes Lambda, an EC2 cluster built with Terraform, and an API Gateway",
-		"Bot made with Typescript, NodeJS, and managed with VectorIO, HoneyComb, and Cloudwatch",
-		"Link: https://gitlab.com/shockrah/left-coast-server-bot"
-	]
-
-	[[params.projects.list]]
-	title = "Tagger - Tag Based Database"
-	url = "https://gitlab.com/shockrah/left-coast-server-bot"
-	bullets = [
-		"Self hosted image database designed with ergonomic search capabilities",
-		"Sqlite, Python and Docker are orchestrated to deploy new builds to my personal server",
-		"Link: https://gitlab.com/shockrah/tagger"
-	]
-
-
-	[[params.projects.list]]
-	title = "Personal Blog"
-	url = "https://gitlab.com/shockrah/shockrah-city"
-	bullets = [
-		"Minimalistic blog I launched covering a range of topics from technology to personal endeavours",
-		"Markdown compiler improved pages by generating slimmer HTML output",
-		"Improved deployment times by writing a custom Docker image",
-		"Link: https://gitlab.com/shockrah/shockrah-city"
-	]
-
-
-    # Skills section
-    [params.skills]
-        icon = "fa-cogs"
-        title = "Skills"
-
-        [[params.skills.list]]
-        skill = "Git Source Control"
-        skillrating = "98"
-
-        [[params.skills.list]]
-        skill = "Continuous Integration/ Continuous Deployment with Gitlab and Docker"
-        skillrating = "85"
-
-        [[params.skills.list]]
-        skill = "Linux configuration and development"
-        skillrating = "95"
-		
-        [[params.skills.list]]
-        skill = "SQL Database Management"
-        skillrating = "95"
-

themes/resume/layouts/index.html

@@ -27,7 +27,7 @@
     </div>
 	<div class="headline">
 		<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
-		<p class="reveal-text" style="font-size: 2rem;">{{.Site.Params.Description}}</p>
+		<p class="one-liner reveal-text">{{.Site.Params.Description}}</p>
 		<!-- TODO: move this into a partial for better control -->
 		{{ if .Site.Params.Gitlab }}
 		<a class="socials reveal-text" href="{{.Site.Params.Gitlab}}">

themes/resume/layouts/partials/experience.html

@@ -9,7 +9,7 @@
                         <em class="text-muted">@</em> 
                         <a class="bigger">{{.Params.Company}}</a>
                     </a>
-                    <p class="badge badge-dark float-right">{{.Params.When}}</p>
+                    <p class="badge badge-dark float-right media-float">{{.Params.When}}</p>
                     <p>{{.Content}}</p>
                 </li>
             {{ end }}

themes/resume/layouts/partials/head.html

@@ -3,6 +3,8 @@
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="/css/style.css">
     <link rel="shortcut icon" type="image/png" href="{{ .Site.BaseURL }}/images/favicon.png">
+	<title>{{.Site.Title}}</title>
+	<meta name="viewport" content="width=device-width,initial-scale=1.0">
     <meta property="og:title" content="{{ .Site.Title }}">
     <meta property="og:description" content="{{ .Site.Params.description }}">
     <meta property="og:site_name" content="{{ .Site.Params.name }}">

themes/resume/static/css/style.css

@@ -71,6 +71,9 @@ html {
 	font-size: 4rem;
 	font-weight: bold;
 }
+.one-liner {
+	font-size: 2rem;
+}
 
 .socials {
 	display:inline;
@@ -138,6 +141,7 @@ html {
 .card {
   padding: 1em;
   margin: 1em;
+  min-width: 250px;
 }
 a { color:#dcdcdc; }
 a:hover { color: #EAA221; }
@@ -187,3 +191,24 @@ ul.timeline > li:before {
 .bigger {
   font-size: 1.5rem;
 }
+
+
+@media (max-width: 1000px) {
+	p { font-size: x-large; }
+	li { font-size: x-large; }
+	h6 { font-size: x-large; }
+	.media-float { float: none!important; }
+	.container { max-width: 100%; }
+	.card { 
+		max-width: 100%;
+		margin-top: 1em;
+		margin-bottom: 1em;
+		margin-left: auto;
+		margin-right: auto;
+	}
+	.headline { bottom: 0; }
+	.headline-title { font-size: 1.5em; }
+	.one-liner { font-size: 1em; }
+}
+
+