From charlesreid1

 
(53 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=Installing: First Try=
==Angular Projects on Github==


See [[Angular/FirstTry]] page.
I have a couple of angular projects on Github.


=Installing: Trying Again=
===Dang-Pelican-Barebones===


This documentation is worthless. Install attempt number two: [[Angular/SecondTry]]
This is a barebones, starting-point repository for creating projects that use Pelican to manage sites that have D3 and Angular components.


=Installing: Third Try=
'''Bonus:''' This repository also contains a very clean, very simple Pelican theme.


==Install node with nvm==
Github Pages site: http://charlesreid1.github.io/dang-pelican-barebones


Use nvm
Github Repository: http://github.com/charlesreid1/dang-pelican-barebones


<pre>
===Sea Budgets===
git clone https://github.com/creationix/nvm.git ~/.nvm
echo "source ~/.nvm/nvm.sh" >> .bashrc
nvm ls-remote
nvm install -s v0.11.16
nvm alias default 0.11.16
</pre>


test:
This is a repository illustrating how to use dang-pelican-barebones, and extends its capabilities to cover iPython Notebooks. It uses the simple theme from the dang-pelican-barebones repository.


<pre>
Github repository: https://github.com/charlesreid1/sea-budgets
node -v && npm -v
</pre>


==Install grunt and bower==
Github Pages site: http://charlesreid1.github.io/sea-budgets/


Now install grunt and bower:
===dang sunburst===


<pre>
Using dang-pelican-barebones to explore D3 sunburst charts:
npm install -g grunt-cli
npm install -g bower
</pre>


but this time, when you need to use them, use the link command [https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-an-ubuntu-14-04-server]:
Github repository: http://github.com/charlesreid1/dang-sunburst/


<pre>
Github Pages site: http://charlesreid1.github.io/dang-sunburst/
npm link grunt-cli
npm link bower
</pre>


==Get Angular==
===dang bars===


<pre>
Exploring D3 bar graphs using dang-pelican-barebones
$ git clone https://github.com/angular/angular.js
</pre>


==Build Angular==
Github repository: https://github.com/charlesreid1/dang-bars


Change dir and link to node modules:
Github Pages site: http://charlesreid1.github.io/dang-bars/


<pre>
==Older But Still Useful Repositories==
cd angular.js/
npm link grunt-cli
npm link bower
</pre>


Now the last three commands:
===A Shrubbery===


<pre>
A Shrubbery is a repository that uses Angular to manage combined maps and D3 graphs. Like Archimedes Pelican, this does not implement a new Pelican theme from scratch, but rather uses a pared-down (and less simple) version of the default.
npm install
bower install
grunt package
</pre>


=Using Angular with Python=
Github Pages link: http://charlesreid1.github.io/a-shrubbery/


Problem: most Python libraries are using Jinja or something similar, and those use double curly brackets <code>{{ }}</code>, conflicting with Angular.
Github repository: https://github.com/charlesreid1/a-shrubbery


Solution: use interpolateProvider variable to control start/end symbol https://docs.angularjs.org/api/ng/provider/$interpolateProvider
===Archimedes Pelican===
 
This is a repository that demonstrates the use of Pelican to manage sites that have Javascript components, specifically D3 and Angular.
 
This repository was created first, so the theme was just a stripped down version of the default, and therefore less simple than the dang-pelican-barebones repository.
 
Github Pages site: http://charlesreid1.github.io/archimedes-pelican/
 
Github repository: http://github.com/charlesreid1/archimedes-pelican
 
=References=
 
[[Category:Javascript]]
[[Category:Github]]
[[Category:Angular]]

Latest revision as of 09:30, 16 April 2017

Angular Projects on Github

I have a couple of angular projects on Github.

Dang-Pelican-Barebones

This is a barebones, starting-point repository for creating projects that use Pelican to manage sites that have D3 and Angular components.

Bonus: This repository also contains a very clean, very simple Pelican theme.

Github Pages site: http://charlesreid1.github.io/dang-pelican-barebones

Github Repository: http://github.com/charlesreid1/dang-pelican-barebones

Sea Budgets

This is a repository illustrating how to use dang-pelican-barebones, and extends its capabilities to cover iPython Notebooks. It uses the simple theme from the dang-pelican-barebones repository.

Github repository: https://github.com/charlesreid1/sea-budgets

Github Pages site: http://charlesreid1.github.io/sea-budgets/

dang sunburst

Using dang-pelican-barebones to explore D3 sunburst charts:

Github repository: http://github.com/charlesreid1/dang-sunburst/

Github Pages site: http://charlesreid1.github.io/dang-sunburst/

dang bars

Exploring D3 bar graphs using dang-pelican-barebones

Github repository: https://github.com/charlesreid1/dang-bars

Github Pages site: http://charlesreid1.github.io/dang-bars/

Older But Still Useful Repositories

A Shrubbery

A Shrubbery is a repository that uses Angular to manage combined maps and D3 graphs. Like Archimedes Pelican, this does not implement a new Pelican theme from scratch, but rather uses a pared-down (and less simple) version of the default.

Github Pages link: http://charlesreid1.github.io/a-shrubbery/

Github repository: https://github.com/charlesreid1/a-shrubbery

Archimedes Pelican

This is a repository that demonstrates the use of Pelican to manage sites that have Javascript components, specifically D3 and Angular.

This repository was created first, so the theme was just a stripped down version of the default, and therefore less simple than the dang-pelican-barebones repository.

Github Pages site: http://charlesreid1.github.io/archimedes-pelican/

Github repository: http://github.com/charlesreid1/archimedes-pelican

References