Code Monkey home page Code Monkey logo

uclalibrary / research-tips Goto Github PK

View Code? Open in Web Editor NEW
28.0 11.0 34.0 299.53 MB

The WI+RE (Writing Instruction + Research Education) - a collection of open educational resources designed by learners and for learners!

Home Page: https://uclalibrary.github.io/research-tips/

Ruby 0.02% HTML 57.44% CSS 15.91% JavaScript 24.40% SCSS 2.23%
jekyll education libraries teaching-materials teaching-website research-tool writing-support research-support oer open-educational-resources

research-tips's Introduction

Hello!

Welcome to the code repository for the WI+RE (Writing Instruction + Research Education) website!

The code here creates this public webpage: https://uclalibrary.github.io/research-tips/

Want to suggest a change? Have feedback for WI+RE? Let us know!

To suggest a change or an update for our website, you can:

  1. email us (from https://uclalibrary.github.io/research-tips/contact/ )
  2. submit an issue: https://github.com/UCLALibrary/research-tips/issues
  3. Make the change yourself and submit a pull request! If you would like to do this, but are not already familiar with github pages, please review https://guides.github.com/features/pages/ and then read the following info about how this site is structured.

WI+RE site structure

Key folders:

Folders with an underscore in front of the name (e.g., _data) are special in github pages. Here's an overview of what some of these folders do on the WI+RE site:

_tutorials

This folder contains the files for each of the tutorials that appear at https://uclalibrary.github.io/research-tips/tutorials/

Editing a file in this folder may update several things on the site at the same time, including:

  • the tutorial itself
  • any other pages - e.g., the "Tutorials and Videos" page) that lists tutorials

Creating a new file in this folder (using the proper file naming convention and metadata info) will create a new tutorial.

_handouts and _workshops and _team-members

These folders work the same way as _tutorials - editing a file in one of these folders will update the associated page and may also update any lists where that item is mentioned.

Super important: All about _site:

Whenever you make a change to one of the files in our repository, github regenerates our entire website. It puts all of the files it creates in a special folder called _site.

Key thing: Do NOT make edits or create files in this folder!

Why not? Because they will just get over-written the next time someone makes a change to the site. Instead of editing the file in _site, find the file that generates it, and edit that!

For example, let's say you found a typo on this page: https://uclalibrary.github.io/research-tips/workshops/avoiding-plagiarism/ --- which of the following files would you edit to fix it and why?

  • /_site/workshops/avoiding-plagiarism/
  • _workshops/2019-01-06-avoiding-plagiarism.markdown

Why?

Other _underscore folders

  • _data: this folder contains data that we leverage in other areas of the site, e.g., our statistics data is in the stats.yml file and we keep info about our publications in publications.yml
  • _embeds - we haven't been using this as much since H5P came around - but this was a place that allowed us to create "embed-able" versions of our tutorials. Some of these embeds are still in use by people at other institutions so we keep them around.
  • _sass - a special folder for files related to the design of the site - we don't edit it much unless we are working on the look and feel of the site.

What about folders without an underscore?

These are for the structural pages of our site - e.g., the homepage, the about page, the wire way, etc. You can edit them just like the files in _tutorials and _workshops -- editing these pages will cause the _site folder to regenerate with your changes.

Creating a new workshop or tutorial

See https://github.com/UCLALibrary/research-tips/blob/gh-pages/tutorial-workshop-metadata-template.md for a template to follow when creating a new workshop or tutorial.

FYI

the theme for this site was adapted from: https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll

research-tips's People

Contributors

4stro22 avatar abigail-holder avatar bubblesandbiscuits avatar caitlinmeyer avatar chillmarvelite avatar cymdp avatar dependabot[bot] avatar dmcwo avatar eshanushrat avatar giselleburns avatar hottakemusic avatar jakearakawa avatar juanfdiaz98 avatar kalcontin avatar marytran33 avatar mattweirick avatar misstayleigh avatar mohsinmalikali avatar neyberne avatar rhizomed avatar rouxshannon avatar roysonlin avatar rromerorr avatar salmabumeeiz avatar sarahphan99 avatar sophiawu321 avatar sutherlandhk avatar woof84 avatar xinjiannn avatar xinyi-yan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

research-tips's Issues

Embeds improvements: Sharing your research

  • create basic embed for deconstructing the elevator speech
  • create basic embed for research abstracts
  • improve embed for deconstructing the elevator speech - needs to include more of the learning outcomes
  • improve embed for abstracts - switch to reveal.js and leverage abstract highlighting animations

Fonts and font sizes

  • fonts on homepage and sub-pages are quite different

  • font sizes inconsistent and perhaps too large on strategy (post) pages

Navigation - Menus

  • Create new navigation structure leveraging category pages

  • Improve consistency between homepage menu and sub-page menu

Navigation - strategy paves

How do you get from a strategy page back to the associated category page?

How do you get from a strategy page back to the list of all strategies (/categories)?

css in .markdown for deconstructing-the-elevator-speech

https://uclalibrary.github.io/research-tips/deconstructing-the-elevator-speech/

contains css inside .markdown file:

<head>
<style>
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
</style>
</head>

Need to move/update css and/or re-style tabs -

Mixed content errors (chrome)

Homepage

uclalibrary.github.io/:18 Mixed Content: The page at 'https://uclalibrary.github.io/research-tips/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'. This request has been blocked; the content must be served over HTTPS.
uclalibrary.github.io/:19 Mixed Content: The page at 'https://uclalibrary.github.io/research-tips/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'. This request has been blocked; the content must be served over HTTPS.
uclalibrary.github.io/:1 Mixed Content: The page at 'https://uclalibrary.github.io/research-tips/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'. This request has been blocked; the content must be served over HTTPS.
uclalibrary.github.io/:1 Mixed Content: The page at 'https://uclalibrary.github.io/research-tips/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'. This request has been blocked; the content must be served over HTTPS.

Categories page

Mixed Content: The page at 'https://uclalibrary.github.io/research-tips/categories/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'. This request has been blocked; the content must be served over HTTPS.

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.