ilog 0.2.0

data/lib/ilog.rb

@@ -0,0 +1,331 @@
+require "ilog/version"
+
+require 'hanami/helpers'
+require 'hanami/assets'
+
+require 'ilog/configuration'
+
+Gem.find_files('iatelier/models/*.rb').each {|file| require file }
+
+module Ilog
+#   class Error < StandardError; end
+  # Your code goes here...
+  
+  	class << self
+		attr_accessor :configuration
+	end
+
+	def self.configure
+    	self.configuration ||= Configuration.new
+		yield(configuration)
+	end
+	
+  class Application < Hanami::Application
+    configure do
+      ##
+      # BASIC
+      #
+
+      # Define the root path of this application.
+      # All paths specified in this configuration are relative to path below.
+      #
+      root __dir__
+
+      # Relative load paths where this application will recursively load the
+      # code.
+      #
+      # When you add new directories, remember to add them here.
+      #
+      load_paths << [
+        'ilog/controllers',
+        'ilog/views'
+      ]
+
+      # Handle exceptions with HTTP statuses (true) or don't catch them (false).
+      # Defaults to true.
+      # See: http://www.rubydoc.info/gems/hanami-controller/#Exceptions_management
+      #
+      # handle_exceptions true
+
+      ##
+      # HTTP
+      #
+
+      # Routes definitions for this application
+      # See: http://www.rubydoc.info/gems/hanami-router#Usage
+      #
+      routes 'ilog/config/routes'
+
+      # URI scheme used by the routing system to generate absolute URLs
+      # Defaults to "http"
+      #
+      # scheme 'https'
+
+      # URI host used by the routing system to generate absolute URLs
+      # Defaults to "localhost"
+      #
+      # host 'example.org'
+
+      # URI port used by the routing system to generate absolute URLs
+      # Argument: An object coercible to integer, defaults to 80 if the scheme
+      # is http and 443 if it's https
+      #
+      # This should only be configured if app listens to non-standard ports
+      #
+      # port 443
+
+      # Enable cookies
+      # Argument: boolean to toggle the feature
+      #           A Hash with options
+      #
+      # Options:
+      #   :domain   - The domain (String - nil by default, not required)
+      #   :path     - Restrict cookies to a relative URI
+      #               (String - nil by default)
+      #   :max_age  - Cookies expiration expressed in seconds
+      #               (Integer - nil by default)
+      #   :secure   - Restrict cookies to secure connections
+      #               (Boolean - Automatically true when using HTTPS)
+      #               See #scheme and #ssl?
+      #   :httponly - Prevent JavaScript access (Boolean - true by default)
+      #
+      # cookies true
+      # or
+      # cookies max_age: 300
+
+      # Enable sessions
+      # Argument: Symbol the Rack session adapter
+      #           A Hash with options
+      #
+      # See: http://www.rubydoc.info/gems/rack/Rack/Session/Cookie
+      #
+      # sessions :cookie, secret: ENV['LOG_SESSIONS_SECRET']
+
+      # Configure Rack middleware for this application
+      #
+      # middleware.use Rack::Protection
+
+      # Default format for the requests that don't specify an HTTP_ACCEPT header
+      # Argument: A symbol representation of a mime type, defaults to :html
+      #
+      # default_request_format :html
+
+      # Default format for responses that don't consider the request format
+      # Argument: A symbol representation of a mime type, defaults to :html
+      #
+      # default_response_format :html
+
+      ##
+      # TEMPLATES
+      #
+
+      # The layout to be used by all views
+      #
+      layout :application # It will load Ilog::Views::ApplicationLayout
+
+      # The relative path to templates
+      #
+      templates 'ilog/templates'
+
+      ##
+      # ASSETS
+      #
+      assets do
+        # JavaScript compressor
+        #
+        # Supported engines:
+        #
+        #   * :builtin
+        #   * :uglifier
+        #   * :yui
+        #   * :closure
+        #
+        # See: https://guides.hanamirb.org/assets/compressors
+        #
+        # In order to skip JavaScript compression comment the following line
+        javascript_compressor :builtin
+
+        # Stylesheet compressor
+        #
+        # Supported engines:
+        #
+        #   * :builtin
+        #   * :yui
+        #   * :sass
+        #
+        # See: https://guides.hanamirb.org/assets/compressors
+        #
+        # In order to skip stylesheet compression comment the following line
+        stylesheet_compressor :builtin
+
+        # Specify sources for assets
+        #
+        sources << [
+          'ilog/assets'
+        ]
+      end
+
+      ##
+      # SECURITY
+      #
+
+      # X-Frame-Options is a HTTP header supported by modern browsers.
+      # It determines if a web page can or cannot be included via <frame> and
+      # <iframe> tags by untrusted domains.
+      #
+      # Web applications can send this header to prevent Clickjacking attacks.
+      #
+      # Read more at:
+      #
+      #   * https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options
+      #   * https://www.owasp.org/index.php/Clickjacking
+      #
+      security.x_frame_options 'DENY'
+
+      # X-Content-Type-Options prevents browsers from interpreting files as
+      # something else than declared by the content type in the HTTP headers.
+      #
+      # Read more at:
+      #
+      #   * https://www.owasp.org/index.php/OWASP_Secure_Headers_Project#X-Content-Type-Options
+      #   * https://msdn.microsoft.com/en-us/library/gg622941%28v=vs.85%29.aspx
+      #   * https://blogs.msdn.microsoft.com/ie/2008/09/02/ie8-security-part-vi-beta-2-update
+      #
+      security.x_content_type_options 'nosniff'
+
+      # X-XSS-Protection is a HTTP header to determine the behavior of the
+      # browser in case an XSS attack is detected.
+      #
+      # Read more at:
+      #
+      #   * https://www.owasp.org/index.php/Cross-site_Scripting_(XSS)
+      #   * https://www.owasp.org/index.php/OWASP_Secure_Headers_Project#X-XSS-Protection
+      #
+      security.x_xss_protection '1; mode=block'
+
+      # Content-Security-Policy (CSP) is a HTTP header supported by modern
+      # browsers. It determines trusted sources of execution for dynamic
+      # contents (JavaScript) or other web related assets: stylesheets, images,
+      # fonts, plugins, etc.
+      #
+      # Web applications can send this header to mitigate Cross Site Scripting
+      # (XSS) attacks.
+      #
+      # The default value allows images, scripts, AJAX, fonts and CSS from the
+      # same origin, and does not allow any other resources to load (eg object,
+      # frame, media, etc).
+      #
+      # Inline JavaScript is NOT allowed. To enable it, please use:
+      # "script-src 'unsafe-inline'".
+      #
+      # Content Security Policy introduction:
+      #
+      #  * http://www.html5rocks.com/en/tutorials/security/content-security-policy/
+      #  * https://www.owasp.org/index.php/Content_Security_Policy
+      #  * https://www.owasp.org/index.php/Cross-site_Scripting_%28XSS%29
+      #
+      # Inline and eval JavaScript risks:
+      #
+      #   * http://www.html5rocks.com/en/tutorials/security/content-security-policy/#inline-code-considered-harmful
+      #   * http://www.html5rocks.com/en/tutorials/security/content-security-policy/#eval-too
+      #
+      # Content Security Policy usage:
+      #
+      #  * http://content-security-policy.com/
+      #  * https://developer.mozilla.org/en-US/docs/Web/Security/CSP/Using_Content_Security_Policy
+      #
+      # Content Security Policy references:
+      #
+      #  * https://developer.mozilla.org/en-US/docs/Web/Security/CSP/CSP_policy_directives
+      #
+      security.content_security_policy %{
+        form-action 'self';
+        frame-ancestors 'self';
+        base-uri 'self';
+        default-src 'none';
+        script-src 'self' 'unsafe-eval' 'unsafe-inline';
+        connect-src 'self' galacticvisions.xyz;
+        img-src 'self' https: data:;
+        style-src 'self' 'unsafe-inline' https:;
+        font-src 'self';
+        object-src 'none';
+        plugin-types application/pdf;
+        child-src 'self';
+        frame-src 'self';
+        media-src 'self';
+      }
+
+      ##
+      # FRAMEWORKS
+      #
+
+      # Configure the code that will yield each time Ilog::Action is included
+      # This is useful for sharing common functionality
+      #
+      # See: http://www.rubydoc.info/gems/hanami-controller#Configuration
+      controller.prepare do
+        # include MyAuthentication # included in all the actions
+        # before :authenticate!    # run an authentication before callback
+      end
+
+      # Configure the code that will yield each time Ilog::View is included
+      # This is useful for sharing common functionality
+      #
+      # See: http://www.rubydoc.info/gems/hanami-view#Configuration
+      view.prepare do
+        include Hanami::Helpers
+        include Ilog::Assets::Helpers
+      end
+    end
+
+    ##
+    # DEVELOPMENT
+    #
+    configure :development do
+      # Don't handle exceptions, render the stack trace
+      handle_exceptions false
+    end
+
+    ##
+    # TEST
+    #
+    configure :test do
+      # Don't handle exceptions, render the stack trace
+      handle_exceptions false
+    end
+
+    ##
+    # PRODUCTION
+    #
+    configure :production do
+      # scheme 'https'
+      # host   'example.org'
+      # port   443
+
+      assets do
+        # Don't compile static assets in production mode (eg. Sass, ES6)
+        #
+        # See: http://www.rubydoc.info/gems/hanami-assets#Configuration
+        compile false
+
+        # Use fingerprint file name for asset paths
+        #
+        # See: https://guides.hanamirb.org/assets/overview
+        fingerprint true
+
+        # Content Delivery Network (CDN)
+        #
+        # See: https://guides.hanamirb.org/assets/content-delivery-network
+        #
+        # scheme 'https'
+        # host   'cdn.example.org'
+        # port   443
+
+        # Subresource Integrity
+        #
+        # See: https://guides.hanamirb.org/assets/content-delivery-network/#subresource-integrity
+        subresource_integrity :sha256
+      end
+    end
+  end
+end

data/mix-manifest.json

@@ -0,0 +1,5 @@
+{
+  "/assets/javascripts/vue-index.js": "/assets/javascripts/vue-index.js",
+  "/assets/stylesheets/log-style.css": "/assets/stylesheets/log-style.css",
+  "/assets/javascripts/vue-config.js": "/assets/javascripts/vue-config.js"
+}

data/package.json

@@ -0,0 +1,40 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "hot": "NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+  },
+  "devDependencies": {
+    "axios": "^0.19.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
+    "babel-preset-env": "^1.7.0",
+    "font-awesome": "^4.7.0",
+    "jquery": "^3.4.1",
+    "laravel-mix": "^0.8.9",
+    "lodash": "^4.17.11",
+    "vue-template-compiler": "^2.6.10"
+  },
+  "dependencies": {
+    "@piratesatelier/css-ordinary": "^2.3.0",
+    "imagesloaded": "^4.1.4",
+    "jquery-bridget": "^2.0.1",
+    "jquery-smooth-scroll": "^2.2.0",
+    "masonry-layout": "^4.2.2",
+    "microplugin": "0.0.3",
+    "moment": "^2.24.0",
+    "purecss": "^0.6.2",
+    "selectize": "^0.12.6",
+    "sifter": "^0.5.3",
+    "sticky-kit": "^1.1.3",
+    "underscore": "^1.9.1",
+    "vue": "^2.6.10",
+    "vue-loader": "^13.7.3",
+    "vue-masonry": "^0.10.17",
+    "vue-meta": "^2.0.3",
+    "vue-multiselect": "2.0.8",
+    "vue-router": "^2.8.1"
+  }
+}

data/src/js/vue-config.js

@@ -0,0 +1,7 @@
+Window.Config = {
+				"host":"http://localhost:2300",
+				"title":"My Blog",
+				"profile":{"avatar":"","author":"","status":"","website":"","email":"","location":""},
+				"digital":{"uri":"log"},
+				"analog":{"uri":"weblog"},
+			};

data/src/sass/_variables.scss

@@ -0,0 +1,3 @@
+$third-color: #333;
+$third-color-n: white;
+$fourth-color: red;

data/src/sass/components/article-text.scss

@@ -0,0 +1,223 @@
+p {
+	padding: 0.4rem 0px;
+}
+* > p:last-child {
+	padding-bottom: 0px;
+}
+
+article ul, article ol, .article ul {
+	margin: 1rem 0px;
+	padding-left: 1rem;
+}
+article ul > li, article ol > li, .article ul > li {
+	margin-top: 4px;
+	margin-bottom: 4px;
+}
+@media screen and (min-width: 768px) {
+	article ul, article ol {
+		padding-left: 32px;
+	}
+	article ul {
+		list-style: disc;
+	}
+}
+
+blockquote {
+	box-sizing: border-box;
+	margin-top: 4px;
+	margin-bottom: 4px;
+	padding: 4px 1.2rem 4px 1.2rem;
+	border-left: 4px solid rgba(90, 130, 170, 0.5);
+/*	background-color: rgba(90, 130, 170, 0.3);*/
+	overflow: auto;
+	font-family: 'lora',;
+}
+blockquote.sl {
+	border-left: none;
+	border-right: 4px solid rgba(90, 130, 170, 0.5);
+/*	background-color: rgba(90, 130, 170, 0.3);*/
+	margin-bottom: 4px;
+	overflow: auto;
+}
+blockquote.highlight {
+	font-size: 1.1em;
+	/* 20px / 16px */
+	line-height: 1.1;
+	/* 25px / 20px */
+	border-left: 4px solid rgba(255, 245, 25, 0.8);
+/*	background-color: rgba(255, 245, 25, 0.2);*/
+	font-weight: 500;
+}
+blockquote > footer {
+	 color: gray;
+}
+blockquote > footer > p {
+}
+
+@media (min-width: 43.75em) {
+	blockquote.highlight {
+	font-size: 1.25em;
+	/* 24px / 16px = */
+	line-height: 1.25;
+	/* 35px / 24px */
+	}
+}
+
+
+article.text {
+	padding: 0px;
+	padding-top: 12px;
+	padding-bottom: 12px;
+}
+article.text h1, article.text h2, article.text h3, article.text h4, article.text h5, article.text h6 {
+	margin-bottom: 0px;
+}
+article.text > *, article.text > figure > figcaption > * {
+	margin-left: auto;
+	margin-right: auto;
+	width: calc(100% - 2rem);
+	max-width: 40rem;
+	text-align: left;
+}
+article.text > hr {
+	margin-top: 2rem;
+	margin-bottom: 2rem;
+	width: calc(100% - 10rem);
+}
+article.text > figure > figcaption > footer {
+	font-style: italic;
+}
+article.text > blockquote {
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
+article.text > *:first-child {
+	margin-top: 0px;
+}
+article.text > *:last-child {
+/* 	margin-bottom: 0px; */
+}
+article.text p {
+	text-indent: 0px;
+}
+article.text p + p {
+	text-indent: 1em;
+}
+article.text > blockquote p {
+	text-indent: 1rem;
+}
+@media screen and (min-width: 35.5em) {
+	article.text {
+		padding-top: 18px;
+		padding-bottom: 18px;
+	}
+	article.text > * {
+		width: calc(100% - 2.5rem);
+	}
+}
+@media screen and (min-width: 48em) {
+	article.text > * {
+		width: calc(100% - 3rem);
+	}
+	
+}
+@media screen and (min-width: 64em) {
+	article.text {
+		padding-top: 1.5rem;
+		padding-bottom: 24px;
+	}
+	article.text > * {
+		width: calc(100% - 4rem);
+	}
+	
+}
+@media screen and (min-width: 80em) {
+	article.text {
+		padding-top: 2.5rem;
+	}
+	article.text > * {
+		width: calc(100% - 5rem);
+	}
+	
+}
+article.text > footer, div.footnotes {
+	border-top: 3px solid rgba(90, 130, 170, 0.3);
+	padding-top: 4px;
+}
+div.footnotes > hr {
+	display: none;
+}
+article.text > footer > .links {
+	margin: 4px 0px;
+	border: 1px solid rgba(90, 130, 170, 1);
+	background-color: rgba(90, 130, 170, 0.1);
+}
+article.text > footer > .links ul,li {
+	margin: 0px;
+	padding: 0px;
+}
+article.text > footer > p {
+	text-indent: 0px;
+}
+
+
+article.text > img {
+	display: block;
+	margin-left: 0rem;
+	width: auto;
+	max-width: 100%;
+}
+article.text > figure {
+	margin: 0px;
+	max-width: 100%;
+	width: 100%;
+// 	text-align: center;
+}
+article.text video {
+	max-width: 100%;
+}
+article.text > figure > figcaption {
+	font-size: 0.9em;
+	font-family: "Lora";
+}
+article.text > .video-container, article.text > .video-wrapper {
+	width: 100%;
+	max-width: 100%;
+}
+article.text > .video-container > video {
+	width: 100%;
+}
+article img.feature {
+	display: block;
+	margin-left: auto;
+	margin-right:auto;
+	max-height: 120vh;
+	max-width: 100%;
+	border-radius: 15px;
+}
+@media screen and (min-width: 768px) {
+	article img.feature {
+		width: 70%;
+		margin: 0px 0px 12px 12px;
+	}
+	article img.right {
+		float: right;
+	}
+}
+@media screen and (min-width: 980px) {
+	article img.feature {
+		width: 60%;
+	}
+}
+
+article.text > figure {
+	margin: 0px;
+	padding: 0px;
+}
+article.text > figure > figcaption {
+	font-size: 0.9em;
+	color: dimgrey;
+	text-align: center;
+}

data/src/sass/components/card.scss

@@ -0,0 +1,33 @@
+.blog-timeline-content {
+	
+	padding: 0px;
+	
+	border-radius: .4rem;
+	border: .2rem solid rgba($second-color, 1);
+	
+	box-shadow: 0px 0px .4rem rgba(0, 0, 0, .5);
+	
+	&:hover {
+		box-shadow: 0px 0px .4rem rgba(0, 0, 0, .8);
+		border: .2rem solid rgba($second-color, 1) !important;
+	}
+	
+	> .thumbnail {
+		margin: 0px;
+		margin-top: -1px;
+		
+		border-radius-top-right: .4rem;
+		border-radius-top-left: .4rem;
+		box-shadow: 0px 0px .1rem rgba(0, 0, 0, .5);
+		
+		width: 100%;
+		height: 30vh;
+		
+		background-size: cover;
+		background-position: center;
+		background-repeat: no-repeat;
+	}
+	> h3 {
+		padding: .5rem;
+	}
+}

data/src/sass/components/post.scss

@@ -0,0 +1,5 @@
+.blog-timeline-content .blog-aside {
+}
+.blog-timeline-content .blog-aside {
+	display: inline-block;
+}