Skip to content

Instantly share code, notes, and snippets.

View charlenopires's full-sized avatar

Charleno Pires charlenopires

444 followers · 4.8k following
View GitHub Profile
@charlenopires
charlenopires / Responsive-Organization-Chart-[updated].markdown
Created November 28, 2014 02:57
Responsive Organization Chart [updated]

Responsive Organization Chart [updated]

A pure HTML/ CSS responsive organization chart with departments and sub-sections

Improvements:

  • media queries are separated in one place only and not all over the css (more control on it)
  • 3 new style of line (a 3 block column line; a 2 block column block line; a single block line)
  • use SCSS to maange easly varaibles and breakepoint
  • separated the list of departments from board area (more control and less ul insie ul inside ul inside ul)
  • 7 column on the department area
@charlenopires
charlenopires / Pure-CSS-Animated-Clouds.markdown
Created November 29, 2014 02:36
Pure CSS Animated Clouds
@charlenopires
charlenopires / 404-SVG.markdown
Created November 29, 2014 04:17
404 SVG
@charlenopires
charlenopires / Airport.markdown
Created November 28, 2014 04:32
Airport
@charlenopires
charlenopires / app.dart
Created March 15, 2021 18:32
Codigo do App do Grupo X
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
debugShowCheckedModeBanner: false,
title: "IMCApp",
home: MeuApp(),
));
}
@charlenopires
charlenopires / app.py
Created January 6, 2020 03:28
1a Aula de Flask
# -*- coding:utf-8 -*-
from flask import Flask, render_template, url_for, request, redirect
from flask_sqlalchemy import SQLAlchemy
from datetime import datetime
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///crud.db'
db = SQLAlchemy(app)
@charlenopires
charlenopires / README.md
Created October 18, 2019 03:09 — forked from joyrexus/README.md
Vanilla JS equivalents of jQuery methods

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})
@charlenopires
charlenopires / free_courses.csv
Created September 13, 2019 22:49
190 universities just launched 600 free online courses. Here’s the full list. - https://qz.com/1437623/600-free-online-courses-you-can-take-from-universities-worldwide/
Category Title URL
Programming CS50’s Introduction to Game Development from Harvard University https://www.class-central.com/course/edx-cs50-s-introduction-to-game-development-11504
Programming CS50’s Mobile App Development with React Native from Harvard University https://www.class-central.com/course/edx-cs50-s-mobile-app-development-with-react-native-11505
Programming CS50’s Web Programming with Python and JavaScript from Harvard University https://www.class-central.com/course/edx-cs50-s-web-programming-with-python-and-javascript-11506
Programming Functions, Methods, and Interfaces in Go from University of California, Irvine https://www.class-central.com/course/coursera-functions-methods-and-interfaces-in-go-12050
Programming Concurrency in Go from University of California, Irvine https://www.class-central.com/course/coursera-concurrency-in-go-12047
Programming Getting Started with Go from University of California, Irvine https://www.class-central.com/course/coursera-getting-started-with-go-1204
@charlenopires
charlenopires / main.dart
Created June 14, 2019 22:06
Learning Dart
main() {
final List<Map<String, dynamic>> menu = [
{"icon": "gradient", "description": "GRADIENTS"},
{"icon": "crop_16_9", "description": "BUTTONS"},
{"icon": "view_agenda", "description": "CARDS"},
{"icon": "view_headline", "description": "MENU"},
{"icon": "style", "description": "TEXT STYLE"},
{"icon": "input", "description": "INPUTS"},
{"icon": "assignment", "description": "FORMS"},
{"icon": "date_range", "description": "DATEPICKER"},
@charlenopires
charlenopires / main.dart
Created June 14, 2019 22:06
main() {
final List<Map<String, dynamic>> menu = [
{"icon": "gradient", "description": "GRADIENTS"},
{"icon": "crop_16_9", "description": "BUTTONS"},
{"icon": "view_agenda", "description": "CARDS"},
{"icon": "view_headline", "description": "MENU"},
{"icon": "style", "description": "TEXT STYLE"},
{"icon": "input", "description": "INPUTS"},
{"icon": "assignment", "description": "FORMS"},
{"icon": "date_range", "description": "DATEPICKER"},