Light

codyhouse / virgo-template Goto Github PK

View Code? Open in Web Editor NEW

108.0 9.0 25.0 10.47 MB

Virgo is a free HTML, CSS, JS template built using the CodyHouse Components and Framework.

JavaScript 13.68% CSS 44.45% HTML 30.30% SCSS 11.57%

theme template codyhouse framework components

virgo-template's Introduction

Virgo Template by 🐞 CodyHouse

Virgo is a free HTML, CSS, JS landing template built using the CodyHouse Components. It's compatible with CodyFrame CSS and Tailwind CSS.

View Demo

virgo-preview.mp4

Progressive enhancement

The following script in the <head> of the html files:

<script>document.getElementsByTagName("html")[0].className += " js";</script>

is used in CSS to check if JavaScript is enabled and apply additional style accordingly.

Gulp

The CodyFrame version of the template includes a Gulp file with some basic configurations.

To use this configuration file, once you have downloaded the template, run the following commands in your command line:

npm install
npm run gulp watch

The first command will install the modules the framework requires for compiling SCSS into CSS; the second will launch your project on a development server.

License

Check CodyHouse License page.

Credits

Images: Unsplash
Icons: Nucleoapp

virgo-template's People

Contributors

Stargazers

Watchers

virgo-template's Issues

Installation

Hi,

I've download, expanded the .zip and put all contents into a directory called virgo.
When I try the gulp command, I get:

philip-N550JK virgo # sudo npm run gulp watch

[email protected] gulp /home/philip/virgo
gulp "watch"

[11:36:51] Using gulpfile /home/philip/virgo/gulpfile.js
[11:36:51] Starting 'watch'...
[11:36:51] Starting 'browserSync'...
[11:36:51] Starting ''...
[11:36:51] Finished '' after 8.27 ms
[11:36:51] Finished 'browserSync' after 9.2 ms
[11:36:51] Starting 'sass'...
[Browsersync] Access URLs:

   Local: http://localhost:3000
External: http://192.168.0.10:3000

      UI: http://localhost:3001

UI External: http://localhost:3001

[Browsersync] Serving files from: main
[Browsersync] 1 file changed (style.css)
[11:36:52] gulp-postcss: style-fallback.css
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:58650: variable --color-shadow is undefined and used without a fallback
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:59589: variable --color-shadow is undefined and used without a fallback
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:60588: variable --color-shadow is undefined and used without a fallback
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:61587: variable --color-shadow is undefined and used without a fallback
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:61930: variable --color-shadow is undefined and used without a fallback
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:68239: variable --color-shadow is undefined and used without a fallback
postcss-css-variables: /home/philip/virgo/main/assets/css/style-fallback.css:1:93742: variable --color-shadow is undefined and used without a fallback
[11:36:52] Finished 'sass' after 776 ms
[11:36:52] Starting 'scripts'...
[Browsersync] 1 file changed (scripts.js)
[Browsersync] 1 file changed (scripts.min.js)
[11:36:52] Finished 'scripts' after 175 ms
[11:36:52] Starting ''...
[Browsersync] Reloading Browsers... (buffered 2 events)
[Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)

When using npm install, I got:

Binary found at /home/philip/virgo/node_modules/node-sass/vendor/linux-x64-67/binding.node
Testing binary
Binary is fine
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] No repository field.
npm WARN [email protected] license should be a valid SPDX license expression
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 615 packages from 451 contributors and audited 10756 packages in 18.769s
found 0 vulnerabilities

Any ideas? I'm using Linux Mint 18.3

Regards,

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.