Skip to content
Permalink
Browse files

Removes the incorrect code within the configuration example in the RE…

…ADME file, various CSS corrections, including the footer and scrolling in the Html tag
  • Loading branch information
christiandavid committed Dec 18, 2019
1 parent 5568cde commit 7b85a691c99106c28d0460121f1c862df9d2ec99
@@ -1,4 +1,4 @@
{
"*.+(js|jsx)": ["eslint --fix", "git add"],
"*.+(json|css|md)": ["prettier --write", "git add"]
"*.+(json|css|md|js|jsx)": ["prettier --write", "git add"]
}
@@ -125,29 +125,6 @@ module.exports = {
footer: `heart`,
},
},
{
resolve: `gatsby-plugin-google-gtag`,
options: {
trackingIds: [
`UA-151335375-1`, // Google Analytics / GA
],
// This object gets passed directly to the gtag config command
// This config will be shared across all trackingIds
gtagConfig: {
anonymize_ip: true,
cookie_expires: 0,
send_page_view: true,
cookie_name: `christianibarguen.com`,
},
// This object is used for configuration specific to this plugin
pluginConfig: {
// Puts tracking script in the head instead of the body
head: false,
// Setting this parameter is also optional
respectDNT: false,
},
},
},
],
}
```
@@ -3,7 +3,7 @@
"description": "A simplified way to create a portfolio using GatsbyJS",
"author": "Christian David Ibarguen <christian@davidibarguen.com>",
"main": "index.js",
"version": "1.0.5",
"version": "1.0.6",
"license": "MIT",
"keywords": [
"gatsby",
@@ -127,7 +127,7 @@ const styles = {
flex-direction: column;
align-items: center;
width: 100%;
min-height: 100vh;
min-height: 100%;
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 10em;
@@ -137,10 +137,10 @@ const styles = {
margin-bottom: 1.45rem;
`,
pageContainer: css`
margin: "0 auto";
padding: "0px 1.0875rem 1.45rem";
margin: 0 auto;
padding: 0px 1.0875rem 1.45rem;
padding-top: 0;
min-height: 100vh;
min-height: 100%;
`,
contactContactme: css`
position: absolute;
@@ -124,7 +124,7 @@ const LayoutContactMe = ({ children, bgClassName }) => {
</button>
<div className="contactme-container">
<div css={styles.contactMe}>
Let's Make Somethign Great Together
Let's Make Something Great Together
</div>
<div className="contactme-info">
<p>Get in touch with me on</p>
@@ -9,6 +9,7 @@ const styles = {
pageContainer: css`
margin: 0px auto;
padding: 1vmin 4em 0;
flex: auto;
`,
}

@@ -5,8 +5,7 @@ const styles = {
color: #000;
`,
dataSection: css`
min-height: 600px;
height: 100vh;
height: 100%;
color: #fff;
`,
dataContainer: css`
@@ -45,42 +45,46 @@ export default ({ children }) => {

return (
<>
<Global styles={[styles, styleColors]} />
{children}
{svgIcos()}
{/* This add a line in the bottom, but let Paint Drive Animation Work */}
<div className="copy">
<a
href="https://github.com/christiandavid/gatsby-theme-byfolio"
rel="noopener noreferrer"
className="nolink"
target="_blank"
>
{footer === "heart" ? (
<>
<div>Made with </div>
<div>
<svg className="icon heart">
<use xlinkHref="#icon-heart"></use>
</svg>
</div>
<div> using GatsbyJS</div>
</>
) : (
<>
<div>Developed with </div>
<div>
<svg className="icon hand">
<use xlinkHref="#icon-hand"></use>
</svg>
<svg className="icon hand">
<use xlinkHref="#icon-hand"></use>
</svg>
</div>
</>
)}
</a>
<div className="pgContainer">
<div className="pgContent">
<Global styles={[styles, styleColors]} />
{children}
{svgIcos()}
</div>
<div className="copy">
<a
href="https://github.com/christiandavid/gatsby-theme-byfolio"
rel="noopener noreferrer"
className="nolink"
target="_blank"
>
{footer === "heart" ? (
<>
<div>Made with </div>
<div>
<svg className="icon heart">
<use xlinkHref="#icon-heart"></use>
</svg>
</div>
<div> using GatsbyJS</div>
</>
) : (
<>
<div>Developed with </div>
<div>
<svg className="icon hand">
<use xlinkHref="#icon-hand"></use>
</svg>
<svg className="icon hand">
<use xlinkHref="#icon-hand"></use>
</svg>
</div>
</>
)}
</a>
</div>
</div>
{/* This add a line in the bottom, but let Paint Drive Animation Work */}
<span className="bgPageColor">.</span>
</>
)
@@ -3,6 +3,7 @@ import { css } from "@emotion/core"
const styles = css`
html {
box-sizing: border-box;
overflow-y: auto;
}
*,
*::after,
@@ -43,13 +44,35 @@ const styles = css`
font-size: 100%;
}
}
.pgContainer {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.pgContent {
margin-bottom: 34.5px;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
}
.pgContent,
.tl-edges,
.tl-wrapper,
.layout-wrapper,
.page,
.layout-inner {
display: flex;
flex: auto;
}
.tl-wrapper {
flex-direction: column;
}
.copy {
background-color: #282b2f;
color: #fff;
float: right;
margin: 13px;
display: flex;
align-items: center;
padding: 9px 13px 0;
position: absolute;
bottom: 0;
right: 0;
height: 34.5px;
}
.copy .heart {
margin: 2px 4px;
@@ -82,9 +105,8 @@ const styles = css`
float: left;
}
.layout-wrapper {
min-height: 100vh;
min-height: 100%;
display: flex;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
}
.layout-inner {
width: 100%;
@@ -121,6 +143,8 @@ const styles = css`
}
.bgPageColor {
color: #282b2f;
position: absolute;
bottom: 0;
}
`

@@ -125,29 +125,6 @@ module.exports = {
footer: `heart`,
},
},
{
resolve: `gatsby-plugin-google-gtag`,
options: {
trackingIds: [
`UA-151335375-1`, // Google Analytics / GA
],
// This object gets passed directly to the gtag config command
// This config will be shared across all trackingIds
gtagConfig: {
anonymize_ip: true,
cookie_expires: 0,
send_page_view: true,
cookie_name: `christianibarguen.com`,
},
// This object is used for configuration specific to this plugin
pluginConfig: {
// Puts tracking script in the head instead of the body
head: false,
// Setting this parameter is also optional
respectDNT: false,
},
},
},
],
}
```
@@ -1,10 +1,10 @@
[
{
"subtitle": "About Me!",
"content": "I'm a <strong>Software Developer</strong>"
"content": "I'm a <strong>Software Developer</strong>, I finished my career on <strong>System Engineering</strong> in <strong>Francisco de Paula de Santander University</strong>. I am a pretty fast learner and always interested in learning new technologies. I put my efforts on learning the last trends on Development, and strive to better myself as a developer. I think one of my values is the ability to resolve problems so from the beginning I've been always focused on solving algorithms no matter the languages I used. I like to integrate systems using and creating RESTFul Apis."
},
{
"subtitle": "Experience!",
"content": "I started developing software from <strong>2004</strong> working in several companies"
"content": "I started developing software from <strong>2004</strong> working in several companies, I worked creating modules for <strong>Joomla</strong> since it was <strong>Mambo</strong>, then I developed mailing software. I came from hundreds to thousands of emails in a few weeks. It was a moment when it was easy to end blocked for being considered as \"spammer\" but I found many workarounds and implemented several techniques to make all this amount of emails were delivered on the inbox. It was a big quest but in the end, the client was more than satisfied. After all these experience I built a <strong>CRM</strong> for <strong>ACEF</strong>, the system was in charge of all the commercial management and it was a way to control 'sensitive' information. \"It was so important to make it from scratch and not to use an application\". I have also worked with <strong>WordPress</strong>, <strong>Magento CE and Magento EE</strong>, I've been involved in the <strong>real estate platforms development</strong>, being part in all stages of the project, from basic ideas, structuring, wireframing and development to the stages of creating an open-source <strong>API</strong> so external developers could inject their own data. I've worked in developing algorithms to process images and PDF files. I've worked with the <strong>RED5</strong> platform for streaming audio and video. On the mobile side, I have experience with iOS development with <strong>Objective C</strong>, I've also worked with dating scripts. Making integration with <strong>payment platforms</strong> as <strong>ADYEN</strong> or <strong>PayPal</strong>, adding modules to be used by marketing areas. Analyzing data from different amounts of profiles and process it to display a different kinds of campaigns and promotional stuff. In the last years, I've been working on <strong>NodeJS</strong> and all the <strong>Javascript</strong>"
}
]

0 comments on commit 7b85a69

Please sign in to comment.
You can’t perform that action at this time.