darlog 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bed5f2485b8b6ab6e23ac2b4234085a9556bd5fec153df089ee6ab0f6680a812
-  data.tar.gz: 0263273c683cf955fdbe6cda0dc064f77930b417139fbb46a932c27ea32ce0e9
+  metadata.gz: 24eb1378ef2ac2def8b317abebb58b4e38a34be205bd6ac67ca5eac09bf570d4
+  data.tar.gz: 012bec576bb3af16062f40751b5bfbcf0161332743dbe5703d6614f1a855645d
 SHA512:
-  metadata.gz: 3c20cd5bd2124a4ca1b56ec400f3e0d94cb23b5bbe90bc883f8ed1eb17c127f63d4a5e9ed00153d7daed3d4ddaa54fc00d393fd28a58bd91d12d6052f977ed6e
-  data.tar.gz: 41945e7d10a8cbf7ab4adea208cd02b33a7943c57c2e6a68abd3be78761fcc4bbe38f15b83718a9832012939dc59eafd7698a60cca43518d48bd5ef87f1e9bb8
+  metadata.gz: a2a491a33e2b11c44896c5b52ab1488e1123ec0c9f3150c9ff4bcacc1787ec7fb505589fc646a0438e732d56325a0f2ee1e46c9b29114822c3247d36cff975b1
+  data.tar.gz: f22ab8ac5fe2db426a642cb21bc6ed8062a3dc30af5a1d7ff2af2e86c2795ca4b810eeabcb9a32fa8211485a58b132b689484f8d0d014b1bc9d29b513a605f69

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Maverick Cloud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,89 @@
+---
+layout: page
+title: About
+---
+
+# Darlog blog theme
+
+Darlog theme is minimalistic dark theme and is suitable for any kind of blogging. Theme is made not without the help of [Hacker-Blog](https://github.com/tocttou/hacker-blog) one, thus anything that is true for it
+is also true for this one so I suggest you go there and checkout the desciption for more details.
+
+Demo: https://darlog-theme.netlify.com/
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "darlog"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: darlog
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install darlog
+
+Then add the gems theme needs:
+
+    gem install jekyll-seo-tag
+    gem install jekyll-paginate
+    gem install jekyll-sitemap
+
+Finally run it with live reload and stat writing your awesome blog
+
+    jekyll serve --livereload
+
+## Usage
+
+Use bundle show minima to see where the theme is located and copy all files
+you need to edit for your needs.
+
+    $ bundle show minima
+
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at [theme page](https://github.com/arxero/darlog). This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Customizing
+
+### Configuration variables
+
+Edit the `_config.yml` file and set the following variables:
+
+```yml
+title: [The title of your blog]
+description: [A short description of your blog's purpose]
+author:
+  name: [Your name]
+  email: [Your email address]
+  url: [URL of your website]
+
+baseurl: [The base url for this blog.]
+
+paginate: [Number of posts in one paginated section (default: 3)]
+owner: [Your name]
+year: [Current Year]
+```
+
+*Note: All links in the site are prepended with `baseurl`. Default `baseurl` is `/`. Any other baseurl can be setup like `baseurl: /hacker-blog`, which makes the site available at `http://domain.name/hacker-blog`.*
+
+Additionally, you may choose to set the following optional variables:
+
+```yml
+google_analytics: [Your Google Analytics tracking ID]
+```
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/analytics.html

@@ -0,0 +1,8 @@
+<script type="text/javascript">
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+</script>

data/_includes/footer.html

@@ -0,0 +1,9 @@
+<footer>
+    <a href="https://creativecommons.org/licenses/by-nc/3.0/deed.en_US">
+      <span>
+          <b>{{ site.owner}}</b>
+      </span>
+      {% capture currentyear %}{{ 'now' | date: "%Y" }}{% endcapture %}
+      <span>© {{ currentyear }}</span>
+    </a>
+</footer>

data/_includes/head.html

@@ -0,0 +1,20 @@
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="stylesheet" href="{{ '/css/main.css' | prepend: site.baseurl | replace: '//', '/' }}">
+
+  <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="ATOM Feed" /> {% seo %}
+
+
+  <title>
+    {%if page.title %}
+      {{ page.title }}
+    {% else %}
+      {{ site.title }}
+    {% endif %}
+  </title>
+
+</head>
+

data/_includes/header.html

@@ -0,0 +1,17 @@
+<div class="header-wrapper">
+  <header>
+
+    <div class="site-title">
+      <a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}">
+        {{ site.title }}
+      </a>
+    </div>
+
+    <nav>
+      <ul class="first-level">
+        {% include links.html %}
+      </ul>
+    </nav>
+
+  </header>
+</div>

data/_includes/links.html

@@ -0,0 +1,3 @@
+<li><a href="{{ '/about' | prepend: site.baseurl | replace: '//', '/' }}">About</a></li>
+<li><a href="{{ '/archive' | prepend: site.baseurl | replace: '//', '/' }}">Archive</a></li>
+<li><a href="{{ '/atom.xml' | prepend: site.baseurl | replace: '//', '/' }}">RSS</a></li>

data/_layouts/default.html

@@ -0,0 +1,62 @@
+<html lang="en">
+{% include head.html %}
+
+<body>
+  <div class="site-wrapper">
+    {% include header.html %}
+
+    <main>
+      {{ content }}
+    </main>
+  </div>
+
+
+
+  {% if paginator.total_pages > 1 %}
+  <div class="pagination">
+    {% if paginator.previous_page == 1 %}
+    <a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">&laquo;</a>
+    {% elsif paginator.previous_page%}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}"
+      class="page-item">&laquo;</a>
+    {% else %}
+    <span class="page-item">&laquo;</span>
+    {% endif %} {% for page in (1..paginator.total_pages) %} {% if page == paginator.page %}
+    <span class="page-item">{{ page }}</span>
+    {% elsif page == 1 %}
+    <a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">{{ page }}</a>
+    {% else %}
+    <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}"
+      class="page-item">{{ page }}</a>
+    {% endif %} {% endfor %} {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">&raquo;</a>
+    {% else %}
+    <span class="page-item">&raquo;</span>
+    {% endif %}
+  </div>
+  {% endif %}
+
+  <!-- {% include footer.html %} -->
+
+  {% if site.google_analytics %}
+  {% include analytics.html %}
+  {% endif %}
+</body>
+
+<!-- Add links to all headings -->
+<script>
+  // source: https://david.darn.es/2017/07/25/adding-heading-links-to-your-jekyll-blog/
+  const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); // 1
+  const linkContent = '<i class="fas fa-link"></i>'; // 2
+  for (const heading of headings) { // 3
+    const linkIcon = document.createElement('a'); // 4
+    linkIcon.classList.add('header-link');
+    linkIcon.setAttribute('href', `#${heading.id}`); // 5
+    linkIcon.innerHTML = linkContent; // 6
+    heading.appendChild(linkIcon); // 7
+  }
+
+
+</script>
+
+</html>

data/_layouts/page.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<article>
+    {{ content }}
+</article>

data/_layouts/post.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+
+<article class="post-wrapper">
+  <h2 class="">{{ page.title }}</h2>
+  <span class="post-author">{{ page.author}}</span>
+  <span class="post-delimiter">•</span>
+  <span class="post-date" datetime="{{ post.date | date_to_xmlschema }}">{{ page.date | date_to_string }}</span>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+</article>

data/_sass/_navigation.scss

@@ -0,0 +1,65 @@
+.header-wrapper {
+  background: $background-secondary;
+  // border-bottom: 2px solid $text-color;
+  padding-bottom: .3rem;
+  margin-bottom: 1.5rem;
+
+  a {
+    color: $text-color;
+    text-decoration: none;
+    text-transform: uppercase;
+    display: block;
+  }
+
+  a:hover {
+    color: white;
+    transition: all 450ms;
+  }
+
+  ul {
+    margin-bottom: 0;
+  }
+
+  li {
+    list-style: none;
+  }
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+
+.site-title a {
+  font-size: 2rem;
+  font-weight: bold;
+  letter-spacing: .1rem;
+  color: $nav-blue;
+
+  &:hover {
+    color: $hover-red;
+  }
+}
+
+.first-level {
+  display: flex;
+  margin-left: 0;
+
+  a {
+    margin: 0 .5rem;
+    border-bottom: 2px solid transparent;
+  }
+
+  a:hover {
+    border-bottom: 2px solid $nav-blue;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  header {
+    flex-direction: column;
+  }
+}

data/_sass/_posts.scss

@@ -0,0 +1,62 @@
+.posts-container {
+  margin-left: 0;
+
+  li {
+    list-style: none;
+  }
+
+  .post-title {
+    font-size: 1.5em;
+    margin-bottom: -5px;
+  }
+
+  a {
+    transition: all 450ms;
+  }
+
+  .post {
+    background: $dark;
+    padding: .9rem;
+    margin-bottom: 1.3rem;
+    border-radius: 5px;
+    border: 1px solid transparent;
+    transition: all 450ms;
+
+    &:hover {
+      filter: brightness(110%);
+      box-shadow: 0 10px 12px rgba(0,0,0,.12);
+      border-color: $nav-blue;
+    }
+
+    &:hover a {
+      filter: brightness(110%);
+      text-decoration: none;
+    }
+  }
+
+  .post-preview {
+    padding-top: 1rem;
+  }
+}
+
+.post-author, .post-delimiter {
+  font-size: .9rem;
+  filter: brightness(90%);
+}
+
+.post-date {
+  filter: brightness(70%);
+  font-size: .8rem;
+}
+
+.post-wrapper {
+  h2 {
+    margin-bottom:  -5px;
+  }
+
+  .post-content {
+    padding-top: 1rem;
+  }
+}
+
+

data/_sass/_reset.scss

@@ -0,0 +1,16 @@
+/* whitespace reset */
+* {
+  margin: 0;
+  padding: 0;
+}
+
+/* box-sizing fix */
+html {
+  box-sizing: border-box;
+}
+
+*,
+*::before,
+* ::after {
+  box-sizing: inherit;
+}

data/_sass/_syntax-highlighting.scss

@@ -0,0 +1,23 @@
+.highlight {
+  background: $dark;
+  display: block;
+  border-radius: 5px;
+  box-shadow: inset 0 1px 10px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(0,0,0,0.5);
+}
+
+pre {
+  padding: 16px;
+  font-size: 16px;
+  display: inline-block;
+  text-wrap: normal;
+  overflow: auto;
+  overflow-y: hidden;
+}
+
+code.highlighter-rouge {
+  background: $dark;
+  padding: .25rem .4rem;
+  color: #aa759f;
+  border-radius: 3px;
+  box-shadow: inset 0 1px 10px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(0,0,0,0.5);
+}

data/_sass/_typography.scss

@@ -0,0 +1,143 @@
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+ h1, h2, h3, h4, h5, h6,
+ p, blockquote, pre,
+ ul, ol, dl, figure,
+ %vertical-rhythm {
+   margin-bottom: $spacing-unit / 2;
+ }
+
+dt {
+  font-style: italic;
+  font-weight: 700;
+}
+
+dd {
+  display: block;
+  margin-inline-start: 40px;
+}
+
+/**
+ * Figures
+ */
+ figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+/**
+ * Lists
+ */
+ ul, ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+
+.header-link {
+  font-size: 1.5rem;
+  margin-left: 10px;
+  display: none;
+  vertical-align: middle;
+  margin-top: -5px;
+
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+
+/**
+ * Headings
+ */
+ h1 {
+  font-size: 2rem;
+}
+
+ h1, h2, h3, h4, h5, h6 {
+  font-weight: $base-font-weight;
+
+  &:hover .header-link{
+    display: inline-block;
+  }
+
+}
+
+/**
+ * Links
+ */
+ a {
+  color: $link-color;
+  text-decoration: none;
+
+  &:visited {
+    color: darken($link-color, 15%);
+  }
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+/**
+ * Blockquotes
+ */
+ blockquote {
+  color: $grey-color;
+  border-left: 4px solid $nav-blue;
+  padding: 1rem;
+  border-radius: 3px;
+  padding-left: $spacing-unit / 2;
+  font-style: italic;
+  background: #333;
+  box-shadow: 0 1px 10px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(0,0,0,0.5);
+  transition: all 450ms;
+  
+  > :last-child {
+    margin-bottom: 0;
+  }
+  
+  &:hover {
+    border-left: 4px solid rgb(0, 172, 0);
+  } 
+}
+
+/**
+ * Tables
+ */
+ table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  text-align: left;
+  color: $text-color;
+  border-collapse: collapse;
+  border: 1px solid $dark;
+  box-shadow: $inset-box-shadow;
+
+  tr {
+    &:nth-child(even) {
+      background-color: #333333;
+      transition: all 450ms;
+    }
+    &:hover {
+      background-color: $dark;
+    }
+  }
+  th, td {
+    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+  }
+  th {
+    background-color: $nav-blue;
+    border-bottom: 1px solid $dark;
+  }
+}

data/_sass/_variables.scss

@@ -0,0 +1,43 @@
+$dark: #111111;
+$background-secondary: #232323;
+$text-color: #dadada;
+$link-color: #49A0CC;
+$nav-blue: #2693E6;
+$lovely-red: #d80101;
+$hover-red: #EB0254;
+$default-box-shadow: 0px 0px 22px 2px rgba(0, 0, 0, 0.4);
+$weak-box-shadow: 0 1px 10px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(0,0,0,0.5);
+$inset-box-shadow: inset 0 1px 10px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(0,0,0,0.5);
+
+
+
+
+$base-font-family: 'Roboto', sans-serif !default;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     32px !default;
+$grey-color:       #828282 !default;
+$grey-color-light: lighten($grey-color, 40%) !default;
+$grey-color-dark:  darken($grey-color, 25%) !default;
+
+
+
+
+$apple-blossom: #ac4142;
+$alto: #d0d0d0;
+$bouquet: #aa759f;
+$chelsea-cucumber: #90a959;
+$cod-grey: #151515;
+$conifer: #b5e853;
+$dove-grey: #666;
+$gallery: #eaeaea;
+$grey: #888;
+$gulf-stream: #75b5aa;
+$hippie-blue: #6a9fb5;
+$potters-clay: #8f5536;
+$rajah: #f4bf75;
+$raw-sienna: #d28445;
+$silver-chalice: #aaa;

data/_sass/rouge-base16-dark.scss

@@ -0,0 +1,87 @@
+/*
+   generated by rouge http://rouge.jneen.net/
+   original base16 by Chris Kempson (https://github.com/chriskempson/base16)
+*/
+
+@import "./variables";
+
+.highlight {
+
+  $plaintext: $alto !default;
+  $string: $chelsea-cucumber !default;
+  $literal: $chelsea-cucumber !default;
+  $keyword: $bouquet !default;
+  $error-foreground: $cod-grey !default;
+  $error-background: $apple-blossom !default;
+  $comment: $grey !default;
+  $preprocessor: $rajah !default;
+  $name-space: $rajah !default;
+  $name-attribute: $hippie-blue !default;
+  $operator: $rajah !default;
+  $keyword-type: $raw-sienna !default;
+  $regex: $gulf-stream !default;
+  $string-escape: $potters-clay !default;
+  $deleted: $apple-blossom !default;
+  $header: $hippie-blue !default;
+
+  color: $plaintext;
+
+  table td { padding: 5px; }
+  table pre { margin: 0; }
+  .w {
+    color: $plaintext;
+  }
+  .err {
+    color: $error-foreground;
+    background-color: $error-background;
+  }
+  .c,  .cd,  .cm,  .c1,  .cs {
+    color: $comment;
+  }
+  .cp {
+    color: $preprocessor;
+  }
+  .o,  .ow {
+    color: $operator;
+  }
+  .p,  .pi {
+    color: $plaintext;
+  }
+  .gi {
+    color: $string;
+  }
+  .gd {
+    color: $deleted;
+  }
+  .gh {
+    color: $header;
+    font-weight: bold;
+  }
+  .k,  .kn,  .kp,  .kr,  .kv {
+    color: $keyword;
+  }
+  .kc, .kt, .kd {
+      color: $keyword-type;
+  }
+  .s,  .sb,  .sc,  .sd,  .s2,  .sh,  .sx,  .s1 {
+    color: $string;
+  }
+  .sr {
+    color: $regex;
+  }
+  .si, .se {
+    color: $string-escape;
+  }
+  .nt, .nn,  .nc, .no{
+    color: $name-space;
+  }
+  .na {
+    color: $name-attribute;
+  }
+  .m,  .mf,  .mh,  .mi,  .il,  .mo,  .mb,  .mx {
+    color: $literal;
+  }
+  .ss {
+    color: $string;
+  }
+}

data/_sass/style.scss

@@ -0,0 +1,59 @@
+@import 'https://use.fontawesome.com/releases/v5.5.0/css/all.css';
+@import 'https://fonts.googleapis.com/css?family=Roboto';
+@import './reset';
+@import './variables';
+@import './typography';
+@import './navigation';
+@import './rouge-base16-dark.scss';
+@import './syntax-highlighting';
+@import './posts.scss';
+
+$background-color: $dark !default;
+$text-color: $text-color !default;
+
+
+body {
+  background: $background-color;
+  color: $text-color;
+  line-height: 1.5;
+  font-family: $base-font-family;
+  font-size: $base-font-size;
+}
+
+.site-wrapper {
+  max-width: 63.25rem;
+  margin: 0 auto;
+  background: #222222;
+  padding: .5rem 2rem;
+  display: block;
+  min-height: calc(100vh - 50px);
+}
+
+main {
+  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
+}
+
+section {
+  display: block;
+  margin: 0 0 20px 0;
+}
+
+img {
+  max-width: 100%;
+  vertical-align: middle;
+  border-radius: 3px;
+  box-shadow: $weak-box-shadow;
+}
+
+.pagination, footer {
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+}
+
+@media screen and (max-width: 480px) {
+  .site-wrapper {
+    padding: .5rem .5rem;
+  }
+}
+

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: darlog
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Maverick Cloud
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: 2.0.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: 2.0.1
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -58,7 +58,25 @@ email:
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- LICENSE.txt
+- README.md
+- _includes/analytics.html
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _includes/links.html
+- _layouts/default.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_navigation.scss
+- _sass/_posts.scss
+- _sass/_reset.scss
+- _sass/_syntax-highlighting.scss
+- _sass/_typography.scss
+- _sass/_variables.scss
+- _sass/rouge-base16-dark.scss
+- _sass/style.scss
 homepage: https://github.com/Arxero/darlog
 licenses:
 - MIT