Code Monkey home page Code Monkey logo

design-code's Introduction

Working Files for TravisNeilson.com v7

Project Preview

System Preparation

To use this starter project, you'll need the following things installed on your machine.

  1. Jekyll - $ gem install jekyll
  2. NodeJS - use the installer.
  3. GulpJS - $ npm install -g gulp (mac users may need sudo)

Local Installation

  1. Clone this repo, or download it into a directory of your choice.
  2. Inside the directory, run npm install.

Usage

development mode

This will give you file watching, browser synchronisation, auto-rebuild, CSS injecting etc etc.

$ gulp

jekyll

As this is just a Jekyll project, you can use any of the commands listed in their docs

design-code's People

Contributors

travisneilson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

design-code's Issues

Travis you cheeky monkey

How about updating your stuff? 100000 more members and you turn on ads etc. and start earning on something that don't work. are you for real dude?

god I hope you have a great time at google hanging in the hammock.

and what about post-assets that don't work? someone say you simply pasted in the post assets css?

the post assets don't work and is probably the most essential part of the whole thing. lol

"I will take you through step by step click by click, yeah right" !

any requests and issues are also ignored by Travis, it is a disgrace to leave 100 - 200 + members in the dark. and start earning on ads also, you half cat.

half job

function.js file not compiling.

well, I 'm folllowing the video series on youtube by Travis on design and code my personal website in 12 hours but i am facing a error that my function.js file is not compiling. i wrote the exact code as travis did still my javascript is not compiling. please help

Button not square

The subscribe button is not totally square. iPhone 6, in the notes section.

problem install

When i try to do npm install i have the following errors

npm ERR! Darwin 16.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v6.10.1
npm ERR! npm v4.1.2
npm ERR! file /Users/Petme/Desktop/Design-Code/package.json
npm ERR! code EJSONPARSE

npm ERR! Failed to parse json
npm ERR! Unexpected token ' ' at 12:1
npm ERR!     "browser-sync": "^2.8.0",
npm ERR! ^
npm ERR! File: /Users/Petme/Desktop/Design-Code/package.json
npm ERR! Failed to parse package.json data.
npm ERR! package.json must be actual JSON, not just JavaScript.
npm ERR!
npm ERR! This is not a bug in npm.
npm ERR! Tell the package author to fix their package.json file. JSON.parse

npm ERR! Please include the following file with any support request:
npm ERR! /Users/Petme/Desktop/Design-Code/npm-debug.log

Cannot get javascript functions to work AT ALL :(

Hi all,

I've been trying for weeks now to get the jscript to work... I've tried everything I can think of and even gone through a textbook on Javascript and jQuery and I still can't figure out why non of the functions from functions.js seem to be getting called.

I even tried just cloning this repository and setting it all up, and it didn't work either!!

Please can somebody help me :(

Problem clicking About link in mobile nav

When mobile-nav is-open, the first link in menu, that is 'about' is not clickable. I have not read your whole code but the following code will work. I have tested it and seems to be working fine.

First:-
Move the .mobile-nav div inside .header-position div. Make it the first child. Something like this

<div class="header-position">
       <div class="mobile-nav">
       <h1 class="logo">Travis Neilsen</h1>
   ................

Secondly a little change in css:-

.home-wrap header .logo {
    height: 45px;
    z-index: 1;

.home-wrap .moile-nav {
    padding: 10px 0 20px;

nodejs on Ubuntu 15

Navigation bar is too static

This is not an issue per-se but considering your psd, you are missing an arrow on the element that is actually active on the page.

I suggest using scroll-spy to move it while you scroll down on the page.

I hope it helps 💃

package.json dependencies

Hi,
iam complete new to github and even to html/css/sass/jade/everythingelse
pls forgive if i am totaly wrong here.

I downloaded the oldest version of design-code to start from beginning, if i try to setup it with
"npm install" i get

0 info it worked if it ends with ok
1 verbose cli [ 'F:\nodejs\node.exe',
1 verbose cli 'F:\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'install' ]
2 info using [email protected]
3 info using [email protected]
4 verbose readDependencies loading dependencies from H:\webdesign\Design->Codev\package.json
5 error install Couldn't read dependencies
6 verbose stack Error: Failed to parse json
6 verbose stack Unexpected token '�' at 12:1
6 verbose stack � � "browser-sync": "^2.9.8",
6 verbose stack ^
6 verbose stack at parseError (F:\nodejs\node_modules\npm\node_modules\read-package->json\read-json.js:379:11)
6 verbose stack at parseJson (F:\nodejs\node_modules\npm\node_modules\read-package->json\read-json.js:68:23)
6 verbose stack at F:\nodejs\node_modules\npm\node_modules\read-package-json\read->json.js:48:5
6 verbose stack at F:\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:76:16
6 verbose stack at FSReqWrap.readFileAfterClose as oncomplete
7 verbose cwd H:\webdesign\Design-Codev
8 error Windows_NT 6.1.7601
9 error argv "F:\nodejs\node.exe" "F:\nodejs\node_modules\npm\bin\npm-cli.js" "install"
10 error node v4.1.1
11 error npm v2.14.4
12 error file H:\webdesign\Design-Codev\package.json
13 error code EJSONPARSE
14 error Failed to parse json
14 error Unexpected token '�' at 12:1
14 error � � "browser-sync": "^2.9.8",
14 error ^
15 error File: H:\webdesign\Design-Codev\package.json
16 error Failed to parse package.json data.
16 error package.json must be actual JSON, not just JavaScript.
16 error
16 error This is not a bug in npm.
17 verbose exit [ 1, true ]

npm show browser-sync gives me:

readmeFilename: 'README.md',
homepage: 'http://www.browsersync.io/',
keywords: [ 'browser sync', 'css', 'live reload', 'sync' ],
bugs: { url: 'https://github.com/Browsersync/browser-sync/issues' },
license: 'Apache-2.0',
version: '2.9.8',
bin: { 'browser-sync': 'bin/browser-sync.js' },
files: [ 'bin', 'index.js', 'lib' ],
engines: { node: '>= 0.8.0' },

Can maybe somebody tell me what i am doing wrong?
I am running a win7 64bit Computer..

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.