Code Monkey home page Code Monkey logo

type's Issues

How to create an alternate blog (listing) page

Thank you for this beautiful template.

I am trying to create another page (that can be accessed from the sidebar) that also has a list view of the posts (I want to create a page with a list of podcast episodes, apart from the blog posts).

To start with, I tried to replicate the home page (blog list page), but was unable to do so.

I created a page named podcast.md in the _pages directory, and used the following code -

---
layout: default
title: Podcast
---

<div class='o-wrapper'>
  <div class='o-grid'>
    {% for post in paginator.posts %}
      {% include post-card.liquid %}
    {% endfor %}
  </div>

  <div class='o-grid'>
    {% include pagination.html %}
  </div>
</div>

But the rendered page (accessed from the sidebar) is empty.

Could someone please help me with what I am doing wrong?

Thank you

Add custom links to navigation bar

Hi,

this is a great theme -- thanks a lot for sharing! I have one question about the navigation bar. I understand that a link is generated for each page automatically... My question is how can you add a custom link to the nav bar?

Thanks!

Who is using Type?

I would love to see the theme in action, so if you are using Type, please share your blog URL? โค๏ธ

How can I adapt google web font to this theme?

Hello, I appreciate that you made this theme.
I wanna adapt new google web font to this theme, but I don't know how to do it.
I added
link href="https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean"
rel="stylesheet"
to head.html and
also added

google_fonts: "Nanum Myeongjo:400,700,800"

to _config.yml.

But I can't find the file to change font-family.
I have no idea what file to add font...
Please help me with this.
Thank you.

Long code lines expands text outside view on mobile Safari

I am experiencing issues where long code lines in a code block can cause mobile browsers to overflow without scrollbars either in the view or the code block.

An example would be a code block like below:

import BackgroundTasks
...
    
BGTaskScheduler.shared.register(forTaskWithIdentifier: "com.demo.refresh", using: nil) { task in
    let refreshAppTask = task as! BGAppRefreshTask
    
    refreshAppTask.expirationHandler = {
        
    }
    
    ...
    
    task.setTaskCompleted(success: true)
}

...

I am attempted to fix the issue:

pre {
  overflow: auto;
  padding: double($base-spacing-unit);
  margin-bottom: $base-spacing-unit;
  font-size: $font-size-medium;
  line-height: $line-height-medium;
  white-space: pre-wrap;
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

But unsuccessfully.

Liquid error (line 16): Invalid US-ASCII character "\xE2" on line 5

Error in Docker environment

OS

$ cat /etc/lsb-release
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=18.04
DISTRIB_CODENAME=bionic
DISTRIB_DESCRIPTION="Ubuntu 18.04 LTS"

Error during first run

$ git clone https://github.com/aspirethemes/type.git
Cloning into 'type'...
remote: Enumerating objects: 174, done.
remote: Total 174 (delta 0), reused 0 (delta 0), pack-reused 174
Receiving objects: 100% (174/174), 614.92 KiB | 4.84 MiB/s, done.
Resolving deltas: 100% (48/48), done.

$ bundle install
Using public_suffix 2.0.5
...
Using nuggets 1.5.0
Using jekyll-tagging 1.1.0
Bundle complete! 4 Gemfile dependencies, 22 gems now installed.
Use `bundle info [gemname]` to see where a bundled gem is installed.

$ bundle exec jekyll serve
Configuration file: /home/alice/tmp/type/_config.yml
Configuration file: /home/alice/tmp/type/_config.yml
            Source: /home/alice/tmp/type
       Destination: /home/alice/tmp/type/_site
 Incremental build: disabled. Enable with --incremental
      Generating...
  Liquid Exception: Liquid error (line 16): Invalid US-ASCII character "\xE2" on line 5 in /_layouts/default.html
jekyll 3.4.3 | Error:  Liquid error (line 16): Invalid US-ASCII character "\xE2" on line 5

Long code lines expands text outside view on mobile.

I am experiencing issues where long code lines in a code block can cause mobile browsers to overflow without scrollbars either in the view or the code block.

An example would be a code block like below:

try
{
    tokenSource.CancelAfter(requestTimeout);
}

I am attempted to fix the issue, but unsuccessfully.

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.